Buongiorno a tutti,

cerco di essere il più concisa possibile.
Non riesco a disporre tre oggetti su una "barra degli strumenti", mi spiego:

ho una barra centrale del mio template (è per drupal), con il box "search a sinistra, in centro andrebbe un'immagine png linkata e a destra un menu. Ecco la div:


<div id="barradeglistrumenti" class="clear-block">
<?php print $search_box ?>
<div id="immagine" class="clear-block"> </div>
<ul class="menu">[*]<a href="<?php print check_url($front_page) ?>">Home</a[*]Chi siamo[*]Perchè[*]Contatti[/list]
</div>

e il css:

#barradeglistrumenti {
margin: 0 0 10px 0;
padding: 5px 20px;
background: transparent url(../images/sfondobarra.png) 0 0 repeat-x;
height:80px;
}

#search-theme-form {
float: left;
margin-left: 10px;
}

#search-theme-form label {
visibility: hidden;
}

#search-theme-form .form-text {
padding: 3px;
border: 1px solid #ddd;

}

#immagine {
float: left;
background-image: transparent url (images/icons/immgine.png);
}


vorrei capire come mai non riesco a spostare di un millimetro il box di ricerca e come mai non riesco a visualizzare l'immagine trasparente. Il menu si vede correttamente invece.
qualcuno può aiutarmi?
Grazie in anticipo