[html + css] IE geeft 150px ruimte, FF niet

[N0 0B]

Ik ben nu in de vakantie bezig een website te maken voor familie. Ik heb een opzet gemaakt met een absolute menu en floating content. Nu is het probleem dat ik de site altijd preview in FF en daar zag het er allemaal goed uit maar nu ik hem 1 keer in IE bekijk zie ik dat er onder de titel van de content een space zit van +- 150 px en aan de onderkant van de content ook

in FF (goed)

in IE

De CSS die ik hiervoor gebruik is:

Cascading Stylesheet:

#tekst
{
    margin: 0;
    padding: 235px 50px 10px 0;
    width: 375px;
    float: right;
}


#tekst h3
{
    margin: 199px 0 8px;
    padding: 0;
    width: 375px;
    height: 35px;
    float: right;
}

en de betreffende HTML:

HTML:

<div id="tekst">
   <h3>Tekst</h3>
      <p> Lorem ipsum blablabla</p>
</div>

Ik heb al gezocht op google, GoT en ALA gekeken maar ik kon niks bruikbaars vinden.