CSS Submenu Wierdness

[acgna]

Hi,

I'm so close to being done with my site but I have these couple issues remaining and I can't figure them out! its driving me bananas.

The menu can be viewed here: http://eccolo.com/Site2/index4.html

the problem is in the "more" submenu. it works fine when rolling over however, when you make the browser window smaller it changes position. I need it to stay in its original position.

Also, both on "our menus" and "More" buttons, I need the buttons to stay on the rollover state when the mouse moves to the sub menu.

Any help with this would be highly appreciated! Let me know If you would like to see the files, I will post the code below.

CSS:


.dropmenudiv2{
margin-left:-64px;/* this is the margin of More submenu tab */
position:absolute;
top: 0;
z-index:102;
width: 129px;
visibility: hidden;
}


HTML:


<div class="nav5"><a href="#" rel="dropmenu2"><img src="images/NavigationImages/TopMenu/trans.gif" width="65" height="28" border="0" /></a></div>


Thanks!