Witam, chcę osiągnąć taki efekt końcowy:

Ale niestety coś mi nie wychodzi ...

To mój HTML
<font style="padding-right:62px;">o nas | kontakt | raty |
<a style="color:#01bcde; text-decoration:none;" href="">regulamin
</a> | transport | mapa sklepu
</font>
<form name="advanced_search_box" action="advanced_search_result.php" method="get"> <input type="hidden" name="inc_subcat" value="1"><input type="hidden" name="search_in_description" value="1"><input type="text" name="keywords" style="width:169px;" maxlength="40"> <input type="image" src="images/szukaj.png" style="border: 0px" alt="Szukaj" title=" Szukaj ">
<div class="prawa_gora"></div>
A to CSS:
div.belka_gora{
margin: 0 auto;
background: url("images/srodek_gora.png") repeat-x;
height:46px;
padding-bottom:5px;
text-align: right;
line-height: 32px;
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
div.szukajka{
float:left;
position:relative;
}
div.lewa_gora{
float:left;
background: url("images/lewa_gora.png") no-repeat;
width: 47px;
height:46px;
}
div.prawa_gora{
float:right;
background: url("images/prawa_gora.png") no-repeat;
width:10px;
height:46px;
}
Form tudzież input nie chce za bardzo utrzymać się na swoim miejscu i przechodzi pod spód tak jak to widać na załączonym obrazku ... Jak to zrobić aby było dobrze ?