Div-Layout: Probleme im IE

[DasMan]

sehr gerne:

HTML:
--------------
<div id="page">

<div id="logo"></div>

<div id="lang"><a href="#" class="lang">Deutsch</a> | <a href="#" class="lang">English</a> | <a href="#" class="lang">Romania</a></div>

<div id="subnav"><a href="#" class="servicenav">Home</a> | <a href="#" class="servicenav">Uber uns</a> | <a href="#" class="servicenav">News</a> | <a href="#" class="servicenav">Jobs</a> | <a href="#" class="servicenav">Kontakt</a> | <a href="#" class="servicenav">Sitemap</a> | <a href="#" class="servicenav">Impressum</a></div>

</div>
--------------

CSS:
--------------
#page{
 width:60em;
 height:*;
 margin: 0px auto;
 vertical-align: top;
 text-align: left;
 background-color: #FFFFFF;
 padding-left:1.2em;
 padding-right:1.2em;
 padding-bottom:1.2em;
 padding-top:0.4em;
 }
#logo{
 float: left;
 height: 4em;
 width: 10em;
 background-image: url(/_images/logo.gif);
 background-position: left top;
 background-repeat: no-repeat;
 border: none;
 }
#lang{
 vertical-align: bottom;
 text-align: right;
 float: right top;
 width: 31.25em;
 height: 1.3em;
 margin-left: 28.75em;
 margin-top: 10px;
 border: none;
 color: #000000;
 }
#subnav{
 text-align: right;
 width: 31.25em;
 height: 1.3em;
 margin-left: 28.75em;
 margin-top: 0.625em;
 border: none;
 color: #000000;
 }
--------------

Im FF siehst korrekt aus: Logo rechts oben, Sprachwahl und Subnavigation links wobei die Suabnav unterhalb der Sprachwahl ist.

thx