RE: [WSG] IE not displaying a link as a block level element

[Drake, Ted C.]

Ding, ding, ding, We have a winner.   I used the display:inline/display:block combination from this Andy Budd post: http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_between_vertical_nav_elements_in_ie5/index.php   When I switched it to float:left, the nav elements shrank to the size of the text and did strange floating things.   So, I added the width:1% to the list items and Voila, the links are now block level and the white space is gone.   But, it looked horrible in Firefox, so I dropped the two rules down to my trusty Holly Hack section. /* \*/ * html #mainnav li  {     height: 1%;             float:left;     } * html #mainnav li a {     height: 1%;     } /*  */ And it is now looking good in both browsers.   I could probably generalize the holly hacks to the whole site, but for now I am doing it on the individual nav.  Are there reasons why I shouldn't just say * html li and * html a ? At least for the height:1% Ted     From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kemie guaida Sent: Wednesday, May 11, 2005 10:12 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE not displaying a link as a block level element   #mainnav li {list-style-type:none; margin:0; padding:0;display:inline;} You can't have a block-level element within an inline one... try changing display:inline to float:left instead   cheers   kemie   ...........:| kemie |:........... .:| www.monolinea.com |:.