search box problem

[Guest ste1986]

i have rcently made my topHeader clickable but in doing so my seach box has moved underneath the topHeader as opposed to being on the far right hand side next to it. any ideas. below is the code i recently changed. (LEGEND SKIN)

<div align="left"><td align='left' height="80" width="100%"><a href="index.php"> <img src="http://www.WEBSITE.co.uk/skins/Legend/styleImages/backgrounds/topHeader.jpg" alt="WEBSITE" border="0"></a></td></div>

<div align="right">

{SEARCH_FORM}

</div>)

[burgensteen]

<div class="boxouter">

<div class="leftbox">

<a href="index.php"> <img src="http://www.WEBSITE.co.uk/skins/Legend/styleImages/backgrounds/topHeader.jpg" alt="WEBSITE" border="0"></a>

</div>

<div class="rightbox">

{SEARCH_FORM}

</div>

</div>

In layout.css:

.boxouter {

width: 750px;

height: 150px;

}

.leftbox {

float: left;

width: 500px;

height: 150px;

}

.rightbox {

float: left;

width: 250px;

height: 150px;

}