Problema con allineamento di uno span in Chrome

[Sart]

ciao a tutti
sto creando un sito web con una barra sopra in cui ci sono i link per il profilo, la home e le impostazioni (un pò in stile facebook).
ecco qui il codice HTML della barra (sarebbe un div):

<div id="cont"> <div id="img">[img]imgSITO/logo.PNG[/img]</div> <center> 
<form id="ricerca" action="cambia_pag.php" method="post">
<input type="text" id="ricerca" name="profilo" onkeyup="completa(this.value)" /><input type="submit" value="Cerca" id="cerca" />

</form>
</center>
<span id="menu">
<ul>[*]Impostazioni
	<ul class="menu2">
    <li class="submenu">Modifica profilo
    <li class="submenu">Cancella account
    <li class="submenu">Esci[/list]
[*]Profilo[*]Home[/list]
</span>

</div>

ecco ora il codice CSS del div (#cont) e dello span (#menu):

#cont{
	background-color:#060;
	color:#FFF;
	text-align:right;
	height:30px;
	padding-top:5px;
	padding-bottom:5px;
}

#menu{
	margin:0;
	padding:0;
	position:relative;
	top:-43px;
}

ho dovuto spostare in su lo span #menu altrimenti sarebbe stato visualizzato un po' in basso (a causa dell'immagine inserita all'inizio).
normalmente ho sempre testato il sito con Mozilla Firefox e lo span è sempre stato allineato all'interno del div verso destra (dove dovrebbe stare). Anche con Internet Explorer è tutto ok, mentre se entro con Google Chrome, quello span mi viene visualizzato più in basso al di fuori del div ma allineato a destra.

Qual'è il problema? io sinceramente non riesco a capirlo! qualcuno mi aiuti please

[Mich_]

Non puoi scrivere in HTML2 e pretendere che lo capiscano i browser piu` recenti!!

Ad esempio, il tag <center> e` obsoleto e deprecato: non si devono usare oggetti di formattazione nel codice HTML.
E come fai ad inserire dei tag di tipo blocco (<ul>,[*], ...) in un tag di tipo inline (<span>)? Non ha senso. Qualche browser interpreta secondo le intenzioni del programmatore e qualche altro interpreta secondo le specifiche.

Dovresti rivedere il codice alla luce delle specifiche HTML e CSS.

[Sart]

già è vero, ma era per cercare di tenerlo allineato!

ho cambiato il tag < center > con < span align="center" > e al posto di mettere un span come contenitore del menù ho messo un div e ora risulta allineato anche con Chrome

però è un po' sfasato, anche se ciò si può risolvere.

ora purtroppo è apparso un nuovo problema: sotto il menù ho messo un tag hr, per creare una linea dritta. su Firefox si vede fino alla fine, mentre su Chrome si interrompe proprio dove inizia il div menù... come mai??