Sent by Ingo Chao on 12 January 2006 07:07
Design Groups wrote:
.... I have some of my list items set with the bullets
> replaced by an image. In IE - and in IE *only* - the images will appear and
> disappear. Sometimes they load fine the first time, but if you open a
> screen of any kind over the browser window, they disappear. If you reload,
> they come back. Sometimes when you load the first time, half of them show
> up - the other half are gone - but a reload brings them back. It's very
> random.
>
> I'm wondering if I can do something in my CSS to prevent this from
> happening - or if it's just an IE bug? (then they'll just have to live with
> it.)
As hacking every little bug gets branded as bad practice nowadays, the
'degradation without grace'-path is surely an option.
>
> My list code (as I said, specific to these bullets - so what you see is what
> it is):
>
> #left ul { margin:0 20px 0 20px;
> width:150px;}
>
> #left li, #subhead_left li, #subhead_right li {
> list-style-image:url("../images/arrow.gif");
> font-size:0.9em;
> color:#222;}
>
Six lines of code aren't much to work on, but you could try
position:relative on the ul, on the parent of the ul, on both of them,
or on the li, in that sequence.
Alternatively, you could try to give the li a width too, but that
usually leads to more problems.
http://positioniseverything.net/explorer/ie-listbug.html
shows some related problems.
> Would it help if I got rid of the list-style-image things and just said
> "none" and went the background route? Is it that I didn't specify
> list-style-type as none first? Or, is it just another reason to validate
> the fact that IE sucks?
yes, no, yes
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
