IE7 og ødelagt CSS layout (virker i FF) *løst*

[Wubbable]

Se her:

http://home.lyse.net/vigylant/blog/blog.html

 

Som dere (kanskje) ser, så er menyen der den ikke skal være

For dem som ikke ser det, se bildet i vedlegget..

 

Her er linken til stylesheetet:

http://home.lyse.net/vigylant/blog/styles-site.css

 

 

Vet delvis hva som er feilen:

Der hvor det står:

 

#links {
   background: #ccc;
   border: 1px solid #888;  	
   padding:10px;    
   position: absolute;
   top: 100px;
   left: 10px;
   width: 210px;
}

 

Så misforstår IE litt... Den tror at widthen er posisjonen, og top/left er i forhold til der

 

#content {
   left: 250px;
   right: 10px;
   top: 100px;
   position: absolute;
}

contentet er plassert (det jeg skriver i bloggen min)

Jeg kan fikse det ved å gi negative coordinater som fikser problemet i IE, men da resulterer det i at Firefox viser menyen ca. 250px utenfor skjermen

 

Så hvis noen har peil på hvordan jeg kan fikse det, hadde jeg blitt glad

 

 

 

EDIT: Det var noe invalid xhtml kode fra youtube (de embeddede videoene)... Fiksa det til "lovlig" xhtml, og så funka det igjen

Endret 13. oktober 2006 av Vigilant