IE 's strange underlying of <ul> elements 2

[rathers]

Hi,

Probably a stupid question but I'm stumped. I have two unordered lists. The first one consists of links, the second one just text items. These lists are imposed over an image. In IE, the <ul> consisting of text items has each item underlined. Why?! Please help and feel free to berate me. Thanks again.

 

[rathers]

and here's the page in question:

http://nw.vbbn.net/~jwilson/.

Thanks again

 

[tsdragon]

Personally I rather like the way the phone numbers look with the white underlines. I can't see anything in the HTML, perhaps there's something in the definition of the style class for that section?


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[rathers]

and here's the css. it's all hacked out as Im still in the brainstorming phase.

http://nw.vbbn.net/~jwilson/3col_leftNav.css

thanks

 

[tsdragon]

Sorry, I looked but I can't see anything that stands out.


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[Vragabond]

You have [tt]border-bottom[/tt] set to bright color here:

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { border-bottom: 1px solid #EEE; }

I guess hacks are usually not the best. Geckos (FF) correct this style in the rule following this one that uses child selector (>) which is not recognized in IE. That is why there is no line in FF but a line in IE.

 

[tsdragon]

I did a search for "li" in the style sheet and somehow I still missed that!


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.