Hi Lyn,
Try these styles:
.mainlink{
display:block;
width:128px;
background: #98cb00;
font-weight:bold;
font-size: 90%;
color:#FFFFFF;
text-decoration:none;
padding: 6px;
margin: 3px 0 0 0;
}
#submenu_1 /* 1-4 */{
width: 140px;
padding: 0;
margin: 3px 0 0 0;
background: #E6FFCC;
list-style:none;
}
Note that I've removed the float: left; code from your original--I'm not
sure what it was there for, and it certainly didn't help in IE. I also
moved the margin from the bottom of the buttons to the top, because when
the lists were appearing it was creating some weird margin behaviour.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
