Code fix for topmenu with IE Mac

Tuesday 17 August 2004 11:22:09 am

A problem enters the picture for IE5/Mac when an auto-width block-level element is inserted into a floated element. Other browsers still shrink the float as small as possible, regardless of the block-level element it contains. But IE5/Mac doesn’t shrink the float in this circumstance. Instead, it expands the float and block-level element to full available width. To work around this problem, we need to float the anchor also, but only for IE5/Mac, lest we throw off other browsers.

div#topmenu li a

{   float:left;

    text-decoration: none;

}

 /* Commented Backslash Hack

hides rule from IE5-Mac \*/

div#topmenu li a {float:none;}

/* End IE5-Mac hack */