CSS

I noticed CSS’s bizzare behaviour yesterday …discussed below.

Situation: I have a nested unordered list so something like:

begin ul

begin li

end li

begin ul
begin li

end li

end ul

end ul

Rule that worked in both IE7 and Firefox:

ul ul li{

} //which makes perfect sense

But for some reason IE7 behaves in the same manner if I amend the above rule as below which is incorrect…
ul li ul li {

} // I discovered this one accidently
I thought IE7 treated CSS properly …I guess it is still not as good as Firefox…

About andhapp

Namastey (Hello) Stranger, This is not the geekiest blog on the planet yet it is not the dumbest one either. I am a small time developer who likes to explore new technologies. I usually program in Java, Groovy and Ruby and take keen interest in the surrounding geeky developments.
This entry was posted in CSS and tagged . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>