div moves down in IE6

[kgreenop-gadsby]

Hi all,

I'm struggling with a piece of code, where the div moves down.


#topright
{
float:right;
margin-right:250px;
margin-top:20px;
width:350px;
}
#nav-topright ul
{
list-style: none;
padding: 0;
margin-top: 0px;
}
#nav-topright li
{
float: left;
margin: 0 0.15em;
padding-left: 20px;
padding-right: 20px;
}

#search{
float:left;
margin-left:0px;
margin-top:35px;
padding-left:20px;
}


<div id="topright">
<div id="nav-topright">
<ul>
<li>Call us free<br /><span class="bigbold">0800 999 9299</span></li>
<li>Find us on <br /><img src="images/logo_facebook.gif" /><img src="images/logo_twitter.gif" /><img src="images/logo_youtube.gif" /></li>
</ul>

<div id="search">Find your nearest store<br />
<form name="input" action="html_form_action.asp" method="get">
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form> </div>
</div>
</div>

Any help would be greatly appreciated.
Thanks,
Kim

[RichardG]

If I recall correctly this is a problem that occurs when using floats in IE6. try adjusting your widths to be a little smaller.

May I ask why you are supporting IE6? Even Microsoft have 'disowned' it.