On Jan 23, 2007, at 8:53 AM, Mandy Covington wrote:

> I would be grateful for help once again - my image bullets (on my  
> menu list) have disappeared on compliant browsers. I would be very  
> grateful if someone could please help me to understand why this is  
> so that I can fix it.
>
> www.hypertextproductions.co.uk/cchome.html
>
> Gosh, I am a relative beginner at this css and I am learning very  
> fast that what works in IE just doesn't in the more compliant  
> browsers. I'll be changing to Firefox shortly so I'll be less  
> surprised by my "perfect" websites doing weird things in compliant  
> browsers.

It is a question of specificity.
#mainNav ul li is more specific than #one or #two
#mainNav ul li says: list-style:none; that is overriding the rule in  
# one, etc.
Solution: remove the 'list-style:none' rule in #mainNav ul li.

You can also make those rules shorter:
#one{list-style-image: url(bulletone.jpg);}
#two{list-style-image: url(bullettwo.jpg);}
...
make that #one {list-style: url(bulletone.jpg);}.

PS - in all your font-family rules: "sans-serif" should _not_ be quoted.


Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to