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

First thing I'd try a basic reset

 

*{margin:0;padding:0;}

Try putting a CSS reset in first. Google for it, eric meyers is a popular one.

 

 

Kyle

Have you got a dctype above the <html> tag? This often causes problems. Choose one from here:-

http://www.w3.org/QA/2002/04/valid-dtd-list.html

and remember to check for errors here:-

http://validator.w3.org/

Edited January 26, 201115 yr by Wickham