Meine Homepage: Bitte um Beurteilung

[Sheridan]

ich sehe folgendes:
(opera, mozilla, netscape)

<img src="http://www.stud.uni-giessen.de/~su6690/selfhtml/optik3.jpg" border="0" alt="">

An dieser Stelle sei noch erwähnt, IE6 stellt es schöner dar, aber falsch!
Zur Auflockerung deiner Seiten könntest du noch ein paar Bilder ins Layout integrieren.

mfg NAG

Ich verwende für das Subemnü float:left und für den Inhalt float:right.

Wieso geht das nicht bei Opera, etc.?

Das Grundmuster habe ich von http://www.css4you.de/wslayout1/ex0009.html und dort funtkioniert es auch.

Was mache ich da falsch?

Hier das Layout.css

/* Allgemeine HTML Elemente formatieren*/
body
{
 font-family:Verdana;
 font-size:12px;
 background-color:#bdbec6;
 text-align:center;
 border:1px solid color:#FFFFFF;
}

h1 {font-size:18px;margin:0px;}
h2 {font-size:14px;}
h3 {font-size:14px;}
p {margin-top:0px;}

/* Links (Reiter) der Menüebene 1 formatieren */
a.nav1:link,a.nav1:visited,a.nav1:active {
background:#7b7d8e;
color:white;
font:11px verdana;
padding:4px 10px 3px 10px;
margin:0;
border:1px solid black;
text-decoration:none;
}

a.nav1:hover {
background:#7b7d8e;
color:white;
font:11px verdana;
padding:4px 10px 3px 10px;
margin:0;
border:1px solid black;
text-decoration:none;
}

/* Aktivierter Link (Reiter) der Menüebene 1 formatieren */
a.nav1active:link,a.nav1active:hover,a.nav1active:visited, a.nav1active:active
{
background:#737994;
color:white;
font:11px verdana;
padding:4px 10px 6px 10px;
margin:0;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
text-decoration:none;
}
a.menu:link, a.menu:visited
{
  color:#eeeeee;
 background-color:#737994;
 text-decoration:none;
}
a.menu:active, a.menu:hover
{
  color:#737994;
 background-color:#eeeeee;
}
a.menu {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:#737994;
 text-align:center;
 font-weight:bold;
 color:#eeeeee;
 text-decoration:none;
 text-align:left;
 }

#navi1 {
line-height:24px;
width:300px;
float:left;
}

#pagetitle {
height:24px;
float:right;
margin-right:10px;
}

/* Menüebene 2 formatieren */
#navi2 {
background:#737994;
margin-top:24px;
padding:0 0 3px 0;
border:1px solid black;
width:100%;
height:100%;
}
#left {
background-color:#737994;
width:160px;
float:left;
margin:10px;
}
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#7b7d8e;
width:150px;
margin:10px;
}
#content {
border:1px solid #efeff7;
background-color:#efeff7;
width:500px;
height:100%;
float:right;
margin:10px;
padding:10px 0px;
}
.title
{
border-bottom:1px solid #000000;
margin:10px;
}
.menutitle1
{
border-bottom:1px solid #000000;
margin:10px;
}