Fehlerhafte Darstellung durch Opera 8.51

[Mad]

Hallo Leute!

Bin gerade dabei eine private Homepage zu bauen. In Sachen Browserkompatibität kommt's bei Opera 8.51 zu extremen Darstellungsproblemen. Es scheint als würde er meine komplette CSS-Datei einfach ignorieren... und dann wäre da noch das Problem, dass alles verrückt is. Ihr könnt ja mal diesen Screenshot (www.mathieu-hauck.de/opera851.jpg) mit der Darstellung in eurem Browser (www.mathieu-hauck.de) vergleichen! Ich habe echt keinen Schimmer an was das liegen könnte und hoffe auf Hilfe von euch. Anbei noch der Source von der CSS-Datei:

/* BODY INDEX */

.index{
 vertical-align:top;
 background-image:url(bgr.jpg);
 background-repeat:repeat-x;
 margin-top:0px;
 background-color: #333333;
}

table.index{
 display:block;
 }

td.index{
 vertical-align:top;
 }

img.index{
 vertical-align:top;
 }

/* BODY CONTENT */

.content{
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
background-color:#FFFFFF;
background-image:url(images/bird_bg.jpg);
background-repeat: no-repeat;
background-position:bottom right;
padding-top:20px;
}

.content table{
border-left-style:dashed;
border-left-color:#cccccc;
border-left-width:thin;
border-top-style:dashed;
border-top-color:#cccccc;
border-top-width:thin;
background-image:none;
}

.content td{
vertical-align:text-top;
padding-right:20px;
padding-left:5px;
padding-bottom:10px;
}

.content form{
vertical-align:text-top;
padding-right:25px;
padding-bottom:10px;
}

.content img{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.content a{
 font-size:11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #cccccc;
 text-decoration:none;
}

.content a:hover {
 color:#FFBB22;
 background-color:transparent;
 }

.content a:active {
 color:#FFBB22;
 background-color:transparent;
 }

/* NAVI UNTEN */

.naviunten{
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #cccccc;
 background-color: #999999;
 text-decoration:none;
}

.naviunten a{
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #cccccc;
 background-color: #999999;
 text-decoration:none;
}

.naviunten a:hover{
 color:#ffffff;
 background-color:transparent;
 }

.naviunten a:active{
 color:#ffffff;
 background-color:transparent;
 }

/* NAVI OBEN - ME */

.navi_oben_me a{
 background-image:url(images/me.jpg);
    width:100px;
 height:100px;
 text-decoration: none;
    display:block;
 }

.navi_oben_me a:hover {
 background-image:url(images/me_2.jpg);
 }

.navi_oben_me a:active {
 background-image:url(images/me_2.jpg);
 }

/* NAVI OBEN - WORK */

.navi_oben_work a{
 background-image:url(images/work.jpg);
    width:100px;
 height:100px;
 text-decoration:none;
    display:block;
 }

.navi_oben_work a:hover {
 background-image:url(images/work_2.jpg);
 }

.navi_oben_work a:active {
 background-image:url(images/work_2.jpg);
 }

/* NAVI OBEN - MUSIC */

.navi_oben_music a{
 background-image:url(images/music.jpg);
    width:100px;
 height:100px;
 text-decoration:none;
    display:block;
 }

.navi_oben_music a:hover {
 background-image:url(images/music_2.jpg);
 }

.navi_oben_music a:active {
 background-image:url(images/music_2.jpg);
 }

/* NAVI */

.navi{
 vertical-align:top;
 margin-left:10px;
 font-size:12px;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#cccccc;
 background-image:url(images/navi_bg.jpg);
 background-repeat:repeat-y;
}

.navi a{
 display:block;
 width:125px;
 border-width:3px;
 padding:5px;
 text-decoration:none;
 margin-left:10px;
 }

.navi a:link {
 color:#ffffff;
 background-color:transparent;
 }

.navi a:visited {
 color:#ffffff;
 background-color:transparent;
 }

.navi a:hover {
 color:#999999;
 background-color:#ffffff;
 }

.navi a:active {
 color:#999999;
 background-color:#ffffff;
 }

/* FOLDER */

.folder{
 vertical-align:top;
 }

MfG

Mathieu