Big DIV / CSS problem only in Internet Explorer

Hi guys,

I'm having a huge problem here, Please see this site in Internet Explorer (any version) it is rendering the div's all messed up! Any idea what I can do or add to the CSS Style Sheet to make it work?

Here is my css stylesheet right now:

#services {
position : absolute;
left: 80%;
top: 80px;
width : 400px;
z-index : 3;
color : #000000;
padding : 3 px;
}

<!--[if IE]>
<style>
#services {
margin: 5em;
padding: 4em;
border: 1em solid green;
width: 40em
}
html>body div {
width: 30em
}
</style>
<![EndIf]-->


IE seems to be adding a huge line break at the top where Services is supposed to be. I tried Firefox and Safari and they both view fine......

Any help would be gladly appreciated, and rep will of course be left!

 

Looks about the same in Firefox 3 and Internet Explorer 6 here.

 

Can you check again? It seems I had the wrong version uploaded?

 

Looks fine here as well.. the about us needs positioning though

Look here

http://www.ewpoo.com/screen1.JPG
http://www.ewpoo.com/screen2.JPG

Im using IE6 by the way