Jan: IE setzt CSS nicht um

Hallo ,

ich habe meine seite in CSS und HTML programmiert und versuche das ganze Grundgerüst jetzt auf XHTML um zu stellen. doch der IE izeigt das ganze Menü net richtig an. Mit dem Firefox hab ich weniger Probleme.
Hat vlt jemand von euch ne Lösung für mein Problem?

Die Farben sind nur zu Testzwecken da und net wirklich fürs Design.

Hier der Quelltext zur Index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="style.css"></link>
<title>Der Title</title>
</head>
<body>

<div id="linkleiste"><a href="index.html">Impressum</a></div>

<div id="frame">

<div id="title">Der Title</div>

<div id="left">
 <div class="menucontainer">
   <p class="menutitle">MENU </p>
                  <a class="menu" href="index.html">Link 1</a>
                  <a class="menu" href="index.html">Link 2</a>

</div>

</div>

<div id="content">Der Inhalt</div></div></div>
</body>
</html>

und hier noch der Quelltext für die CSS-Datei:

/* der Body */
body{
 text-align:center;
  background-color:#ffFFff;
 font-family:Verdana,Arial,Helvetica,sans-Serif;
         margin:auto;
    }

/*definiert das Grundgerüst der Seite */
 #frame{

width:760px;
 height:550px;
 margin:0 auto;
 text-align:left;
 background-color:#FFFF00;
 border:5px solid #000000;

}

/*Design des Content-Bereichs */
 #content{
  font-family:Verdana,Arial,Helvetica,sans-Serif;
 background-color:#ff0000;
 text-align:justify;
 width:627px;
 height:501px;
 float:right;
 border-top:5px solid #000000;
 border-left:5px solid #000000;
 border-bottom:5px;

}

/* Design der Titelzeile */
#title {
 height:34px;
    font-family:Verdana,Arial,Helvetica,sans-Serif;
 padding:5px;
 background-color:#000080;
 border-bottom:1px solid #000;
 text-align:center;
 font-weight: bold;
 border:hidden;
 }

/*Menü-Bereich */
#left {
 background-color:#00ff00;
 width:128px;
         float:left;
 border-top:5px solid #000000;

}

/*Design des Menüs*/
.menutitle {
 font-weight:bold;
 text-align:center;
     font-family:Verdana,Arial,Helvetica,sans-Serif;
    }

.menucontainer {
 border:1px solid #FFFF00;
 background-color:#000080;
 width:106px;
         margin:10px;

}

a.menu:link, a.menu:visited{
 color:#000000;
  background-color:#000080;
  text-decoration:none;
         font-family:Verdana,Arial,Helvetica,sans-Serif;
}

a.menu:active, a.menu:hover
{
  color:#737994;
 background-color:#000080;
  font-family:Verdana,Arial,Helvetica,sans-Serif;
 }

a.menu {
  display:block;
  padding:3px;
  border-top:1px solid #000;
  background-color:#000080;
  text-align:center;
  font-weight:bold;
  color:#000000;
 text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-Serif;
    }

a.bilder,a.bilder:link, a.bilder:visited,a.bilder:active {
  color:#000000;

}

  1. Grütze .. äh ... Grüße!

    Hat vlt jemand von euch ne Lösung für mein Problem?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    Blindschuss :

    Versuche es hier mal mit einem anderen Doctype, den von XHTML 1.0


    Kai

    --
    Der vertuschte Gefahrstoff: Dihydrogenmonoxid
       +---------+
       |   ___   |
    ---+--|_R_|--+---- Widerstand ist zwecklos
    ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|