Położenie div - problem

[wisnia80]

Witajcie buduje szablon i mam kłopot z wyrównaniem - w FF jest ok a w IE do bani - patrz zdjęcie. (chciałbym by w ie też wyglądała OK) - stosunek do ie jest mi ... ale niestety musi też w tym dziadostwie działać



<div id="header">
<div id="lang_login">

<!--<?php echo $mainframe->getCfg('sitename');?>-->

<?php if($this->countModules('lang')==1) : ?>
<div id="language">
<jdoc:include type="modules" name="lang" style="xhtml" />
</div>
<?php else : ?>
<div id="language"> jaki jezyk</div>
<?php endif; ?>

<?php if($this->countModules('login')==1) : ?>
<div id="login_position">
<jdoc:include type="modules" name="login" style="xhtml" />
</div>
<?php else : ?>

<?php endif; ?>

</div>
</div>
CSS

#header {
width: 960px;
clear: both;

}
#lang_login{
display:inline;
height:auto;
}

/*Language*/

#language{
width: auto;
float:left;
clear:left;vertical-align:bottom;
}
/*----------*/


/*Login*/

#login_position {
float: right;
clear: right;
width: auto;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

#form-login{
display:block;
border:0px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

fieldset,frame {
border:0px;
}

#form-login-username{
display:inline;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
#form-login-password{
display:inline;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

#form-login-remember{
display:inline;
}

#form-login .moduletable {
display:inline;
border:0px;
}

#login_position .moduletable input.inputbox{
display:inline;
width:100px;
}

#login_position .moduletable {
display:inline;
}

/*----------*/
}MOżecie mi pomóc w następujących kłopotach:
1- floating divów jeden do lewej drugi do prawej,
2 - wyrównanie elementów w divach (prawym i lewym) na ten sam poziom.(zielona linia) (nieaktualne)

[efloras]

Wskazówka!!
- proponuję stworzyć oddzielnego css dla IE korzystając z komentarzy warunkowych