Fel i justering

Hej,

jag håller på att göra en enklare meny men resultatet blir inte samma i FF och IE (som vanligt) hur som helst. Menyn ser ut på följande sätt:

  <div id="header">
    <dl>
      <ul>
        <li><a href="#">LÄNK #1</a></li>
	<li><a href="#">LÄNK #2</a></li>
	<li><a href="#">LÄNK #3</a></li>
	<li><a href="#">LÄNK #4</a></li>
	<li><a href="#">LÄNK #5</a></li>
      </ul>
      <dd>
        <form>
	  <fieldset>
	    <input type="text" name="s" />
	    <input type="submit" value="OK" />
	  </fieldset>
	</form>
      </dd>
    </dl>
    <br style="clear:both" />
  </div>

Sedan, för att justera detta använder jag följande stilmall:

form,fieldset {
    margin: 0;
}
#header dl {
    float: left;
    width: 690px;
    margin: 0;
    padding: 0;
}
#header ul {
    float: left;
    width: 470px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#header li {
    float: left;
    margin: 0 1px 0 0;
}
#header li a {
    width: 93px;
    display: block;
}
#header dd {
    float: right;
    width: 220px;
    margin: 0;
    padding: 0;
}
#header dd fieldset {
    width: 220px;
    border: 0;
    margin: 0;
    padding: 0;
}

HUr ska jag få allt att hamna på samma rad i IE?