At www2.caerleon.nl I'm developing a site with a specially styled menu. Primary links and secondary links are placed in two columns next to each other (with absolute positioning). Both have "list-style-type:none". Nevertheless both IE6 and IE7 show bullets in front of the secondary links.

ie.css:

ul {
list-style-type: none;
list-style-image: none;
}

ul.menu li.expanded ul.menu {
list-style-type: none;
list-style-image: none;
}

Any ideas?

Gaele

Comments

ryivhnn’s picture

Do a view source and see what class the lists in question are using, sometimes you need to be very specific in your overrides otherwise something else very helpfully styles the things for you from a far distant stylesheet.

If it was just 6 I'd wonder if it for some reason couldn't understand list-style but 7 doesn't really have any excuses.

works at bekandloz | plays at technonaturalist

dman’s picture

ULs don't have bullets in the first place. They may have indents and layout properties, but not dots.
It's the LI you need to remove the list-style-images from.
Think about it.
;-)

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

gaele’s picture

Thanks to both of you.

This fixed it:

ul.menu li.expanded ul.menu li {

Shane Birley’s picture

Also, don't forget to reference the .leaf class as I know IE6/7 require it to be explicit with each class.

---
Shane Birley
Left Right Minds
http://www.leftrightminds.com

---
Shane Birley
Left Right Minds
https://www.leftrightminds.com

andreiashu’s picture

And also try to put
list-style-image: none; in your style. For D6 only this method worked in IE6...

aquaphenix’s picture

When writing your CSS files make sure to use a full css line, sometimes ie6 and ie7 will use other lines of text as default.

For example I had a regular ul li { display:block; etc etc} menu and I also had a css line as follow: #heading ul.menu li { display:inline; etc etc} in Firefox, Chrome, Opera and Safari all use the last line but IE6 and IE7 used the first line, IE8 used the second line.