Hallo alle miteinander,
ich habe als Vorgabe ein Listenmenü.
Die einzelnen Menüpunkte sollen durch eine gepunktete Linie voneinander getrennt sein.
Leider stellt der IE 6 die gepunktete Linie anders dar (eher gestrichelt) als nun der IE 7, FF, Opera oder Safari.
Gibt es dafür einen Hack bzw. hat jemand eine gute & barrierefreie Idee dieses umzusetzen?
Als Beispiel:
*.test ul {
margin:0em;
padding:0em;
list-style:none;
}
*.test li {
border-bottom:1px dotted #000;
}
*.nav_main_start {
border-bottom:1px dotted #000;
border-top:1px dotted #000;
}
<div class="test">
<ul>
<li class="nav_main_start">Topic 01</li>
<li>Topic 01</li>
<li>Topic 01</li>
<li>Topic 01</li>
<li>Topic 01</li>
<li>Topic 01</li>
</ul>
</div>
Vielen Dank schon jetzt für Eure Hilfe
Nic