Translate til IE

Har det her:

<div id="main">
<a href="index.php" title="SpliT"><img alt="SpliT" id="logo" src="img/logo.png" /></a>

<div id="left">
  Bla bla bla...
</div>

<div id="middle">
Indhold
</div>

<div id="right">
  Valid xhtml osv...
</div>

<div id="copyright">
  bla bla..
</div>
</div>

I Firefox virker det godt med at mit "logo" (!?) er i en kasse for sig selv, men i Internet Explorer er det som om at mit "logo" (!?) skal være i en div id="logo" for at det kan se optimalt ud.

Men med det her css burde det jo ikke være noget problem:

#copyright {
position: nede i bunden;
}

#left {
height: 68%;
left: 0.5%;
position: absolute;
}

#logo {
height: 30%;
margin: 0;
width: 100%;
}

#main {
background-color: #FFFFFF;
border: 1px solid #000000;
left: 9.5%;
height: 80%;
position: absolute;
top: 2%;
width: 80%;
}

#middle {
border-right: 1px solid #000000;
height: 68.2%;
left: 14%;
position: absolute;
width: 70%;
}

#right {
left: 85%;
position: absolute;
}

Altså, har det sådan her:

<main div>
<img logo>
<right div></right div>
<middle div></middle div>
<left div></left div>
<copy div></copy div>
</main div>

Selve min side: http://split.frac.dk/
Håber ikke I blev lige så forvirret som mig , men prøv at kigge. Ved ikke lige helt hvad problemet er.