Box rutscht im Internet Explorer nach unten
 

Im Firefox und Chrome funktionierts prima, aber der gute Internet Explorer lässt die Boxen bzw. deren Inhalt in die Zeile darunter rutschen. Weiß jemand weiter?

CSS:

#boxlinks a
{
margin: 10px 11px 10px 0px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}

#boxmitte a
{
margin: 10px 10px 10px 10px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}


#boxrechts a
{
margin: 10px 0px 10px 11px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}

Quirksmode? Poste mal den kompletten HTML-Code, am besten einen Link auf das Problem.

ist noch nicht online, aber hier der relevante html ausschnitt
 

<div id="wrapper">

<div id="boxlinks">
<a href="">
<img src=geschichte.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text
<div id="button">Text</div>
</a></div>

<div id="boxmitte">
<a href="">
<img src=service.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text

</h2>
<div id="button">Weiterlesen</div>
</a></div>

<div id="boxmitte">
<a href="">
<img src=service.png height=222px width=222px>
<h1>Text</h1>
<hr>
<h2></h2>
<div id="button">Text</div>
</a></div>

<div id="boxrechts">
<a href="">
<img src=groesse.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text...
</h2>
<div id="button">Text</div>
</a>
</div>
</div>


Wrapper steht so in der CSS:

#wrapper
{
float: left;
width: 950px;
height: auto;
font-family: Times New Roman, Arial, Verdana;
padding: 15px 0 35px 0;
}

Du floatest nicht die Boxen, sondern erst ihre Links - das finde ich relativ abenteuerlich, auch wenn es praktisch sowie laut Spezifikation kein Problem ist.

Und über Quirksmode oder nicht wissen wir immer noch nix, da Dein HTML-Code unvollständig ist. Und bzgl. "noch nicht online" siehe meine Signatur. Ich habe Deine Code-Schnipsel übrigens nicht zusammengebastelt, denn zu oft zeigt der "relevante Code" das Problem nicht und die ganze Bastelei war umsonst.

Übrigens: Falls Du keinen HTML5-Doctype verwendest, ist Dein Code heftig invalide. Und auch in HTML5 bleiben noch genug Fehler übrig, daher validiere als erstes.

Unabhängig davon müssen nicht alle IE-Versionen damit klarkommen, dass a alle möglichen Blockelemente enthält (auch wenn in HTML5 erlaubt).