Trenger liste-hjelp, css

[RulleRimfrost]

Hei. Nå har jeg rivd meg i håret nok. Jeg lager en enkel meny, basert på en structured list, men av en eller annen grunn driver IE7 å høyrestiller den første linken i sub-menyene mine. I Opera og FF sitter den greit. Noen som ser hva som skjer her ? Hjelp...

 

Her er et eksempel med all kode i kildefilen

 

Slik blir den altså seende ut i IE7

[Haraldson]

Dette bør du heller løse med nøstede lister.

 

<ul id="main-menu">
   <li>
       <a href="#">Menu 1</a>
       <ul class="sub-menu">
           <li>etc.</li>
       </ul>
   </li>
</ul>

 

Problemet i IE7 oppstår nok fordi <dt>-en i eksempelet ditt ikke tar opp full bredde. En metode som fungerer fint for å unngå dette, er å floate den ytre listen, li-ene (<dt>-ene i ditt tilfelle) og <a>-ene, samt sette display: block; og definere bredden statisk i piksler for samtlige elementer.