Css Drop Down Menu Problem

[ndezigns]

Hey folks. I've kinda run into a problem and needed a little bit of help. I'm trying to create a dynamic css crop down menu. When the user clicks on a button or an image I need the menu to drop down. I've done a regular css drop down menu before but that's when it was just a regular unordered list. I'm kinda stumped on this one. Here is an image showing what I am trying to accomplish.



Here is the xhtml for the notification button on the left. The text is dynamically changed.


<div id="notifications">
<button value="submit" class="notifications"><span>4 new notifications</span></button>
</div>


Anyone of an idea of how I could do this?

Thanks all

[ndezigns]

I forgot to mention. The php for the dynamic text is done. I'm just having problems on replicating that drop down menu.