Ciao a tutti,
ho creato un menu semplice per una pagina web.
Questo è il codice HTML:

codice:
<div id="index-content">
        	<h4>TITOLO DI TITOLONE</h4>
           
            <div id="index-content-menu">
            		<p style="float:left;">[</p>
            		BIOGRAFIA
                	CORSI
                	WORKS
                	STUDIO
                	VIDEO
                	LINKS
             		<p style="float:left;">]</p>
                	<div style="clear:both"></div>
            </div>
            <div id="news-scroller">Appuntamento sculturesco al locale blabla - 6 Luglio 2011</div>
        </div>
Mentre il CSS per gli elementi HTML è questo:

codice:
#index-content{
	position:relative;
	margin-top:250px;
	width:700px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#index-content h4{ font-family:Helvetica; font-size:14px; font-weight:normal; color:#F00; margin:0; margin-bottom:10px; margin-left:auto; margin-right:auto;}

#index-content a{ float:left; margin-left:10px; margin-right:10px; padding:0; color:#003; }

#index-content-menu{
	width:373px;
	height:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
Il problema è che per allineare il menu (index-content-menu), devo specificare delle dimensioni altrimenti non è possibile allinearlo, ma così facendo non avrò mai un allineamento perfetto dato che IE ha, come sempre, le sue misure.
Infatti quando su IE è tutto allineato (in modo precario per il motivo qui sopra), non lo è su altri browser e viceversa.

Come posso fare per allineare il menu in modo standard per tutti i browser?

Grazie