Float schiebt text nach rechts

hi

habe jetzt zwei div boxen gefloatet und im firefox ist alles normal aber im IE ist der text solange er auf höhe der anderen box ist leicht nach rechts eingerückt, bild ist angehängt

egal wie viel margin oder padding ich verwende:

[code].box {
margin:0 auto;
margin:10px 20px;
background:#ECECEC;
padding:5px;
}

.box .left {
width:140px;
font-family:Arial, sans-serif;
font-size:14px;
float:left;
border:1px solid black;
padding:2px 3px;

}

.box .content {
margin-left:170px;
font-family:Verdana;
font-size:11px;

padding-top:5px;
border-left:1px solid #D6D6D6;

[/code]

kann mir jemand helfen? danke im vorraus

positioniseverything.net/explore … xtest.html

danke hat funktioniert

Ich würde sagen das Problem liegt an den getrennten Containern… Pack die beiden (top und content) doch in noch ein

und positioniere dann dieses mit “float”.