Header doing my head in!

[Guest intergemsuk]

Hi all,

Im trying to sort the top of my page out. i had some problems displaying my shopping cart and currency using float right.

I have now decided to build the top of the page up out of 2 divs - the first being my logo and the second containing the shopping basket and currency.

The problem that i am having is that they aren't floating next to each other and the second div is moving down.

They are contained within a div called header surround:

here is the code in the index.tpl:

<div id="HeaderSurround">

	<ul>

	<li><div id="topHeader">

	<img src="flags/topHeader.jpg"/>

		<div id="topHeader2">

			{SHOPPING_CART}{CURRENCY}</div></div></li></ul>

		</div>

and the css:

#HeaderSurround ul{

	height: 85px;

	width: 748px;

	list-style-type: none;

	}



#topHeader {

	height: 85px;

	width: 412px;

	padding-right: 9px;

	padding-top: 0px;

	list-style-type: none;

}



a.topHeader {

border:none;

}







#topHeader2 {

	height: 85px;

	width: 300px;

	background-color:#1C6EBA;

	border-bottom: 1px solid #5C84CE;

	vertical-align:middle;

	list-style-type: none;

}

the result can be viewed here: http://s181780553.websitehome.co.uk/intergemsuk/shop/

it would be an advantage if i could get it working this way.

Any ideas??? im stuck

appriciate it, ben.

[roban]

have you tried a float: left; in the #topHeader {

[Guest intergemsuk]

have you tried a float: left; in the #topHeader {

hi yes i have tried this, but it doesn't work :cry:

[Guest intergemsuk]

Im really struggling with this... cant seem to get it to display properly can someone please give me some help.

Cheers, Ben.