teresatehran
New Member
Using IE8 (Windows XP support), the following simple CSS selector does not achieve its goal of turning nested ul's to a display of none. Rather, the entire list is displayed. This code does work on IE9+ and all other modern browsers. Is this a bug, or expected behavior?\[code\]<html><head><style>nav ul ul { display: none;}</style></head><body><nav> <ul> <li><a href="http://stackoverflow.com/questions/15560477/#">Home</a></li> <li><a href="http://stackoverflow.com/questions/15560477/#">Tutorials</a> <ul> <li><a href="http://stackoverflow.com/questions/15560477/#">Photoshop</a></li> <li><a href="http://stackoverflow.com/questions/15560477/#">Illustrator</a></li> <li><a href="http://stackoverflow.com/questions/15560477/#">Web Design</a> </li> </ul> </li> <li><a href="http://stackoverflow.com/questions/15560477/#">Articles</a> <ul> <li><a href="http://stackoverflow.com/questions/15560477/#">Web Design</a></li> <li><a href="http://stackoverflow.com/questions/15560477/#">User Experience</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/15560477/#">Inspiration</a></li> </ul></nav></body></html>\[/code\]jsFiddle of above code here