IE's magic disappearing borders!!

[gogogadgetearl]

wow. IE never ceases to astound me with all of its quirks.

i have a list that is set like:

Code: Select all

li.entry_li
{
	list-style-type: none;
	list-style-image: none;
	border-left-style: solid;
	border-left-width: 6px;
	...
	border-color: #0066CC;
	...
}

in firefox, it looks fine. however in IE, those borders appear and disappear seemingly at random.

the page i'm working on:
http://www.gogogadgetearl.com/working/

the 2 applicable styleshets:
http://www.gogogadgetearl.com/workin...assic/blue.css
http://www.gogogadgetearl.com/workin...sic/common.css
(if you need to see any other stylesheets, then you should know where to find them.)


any ideas?

[D3mon]

That's a pretty cumbersome style and may or may not be the source of your problems.

Try this instead:

Code: Select all

li.entryli 
{
   list-style: none;
   border-left: 6px solid #06c 
}

Same result, far less code. Note there is no underscore in the classname.

Try adding "display: inline-block" to avoid what is known as the 'peek-a-boo bug' in IE

[gogogadgetearl]

yeah, i split those styles out into shorthand because some of them are in the main stylesheet, and some are in an imported stylesheet.

oh, btw, you were right: it was the peek-a-boo bug. thanx!!