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/