Spazio tra immagine ed elementi di <ul>

[dops]

Ciao, premetto che mi capita sono con ie (ho provato con la vesione 7) e non con ff.
Il mio codice è molto semplice:

 <div id="fo_MasterMenuHeader">
                
                [img]fo_images/header.jpg[/img]
                
                
                <ul>[*]home[*]english version[*]contatti[*]mappa[*]link[*]area riservata[/list]
                <span id="fo_searchContainer">cerca<asp:TextBox ID="TextBox1" CssClass="fo_txtMasterMenuRicerca"
                    runat="server"></asp:TextBox>[img]fo_images/freccia_bianca.gif[/img]</span>
                        
            </div>

Praticamente ho un <div> che contiene una immagine ed una lista non ordinata.. tra l'immagine e la lista non ordinata vedo uno spazio di circa 3px. Questo solo con IE, con FF nessuno spazio..
il css applicato al div e all'immagine è questo:

#fo_headerImage
{
margin:0px;
padding:0px;

}

/* livello container del menu principale*/
#fo_MasterMenuHeader
{
	background-color: #ffffff;
	width: 860px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	/*float: left;*/

}
/* menu principale non ordinato */
#fo_MasterMenuHeader ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* elementi del menu non ordinato*/
#fo_MasterMenuHeader ul li
{
	float: left;
	margin: 0 2px 0 0;
	padding: 5px 0 5px 0;
	background-color: #0B4479;
	text-align: center;
}

Che succede ?

[Whitecrowsrain]

prova con

#fo_headerImage img
{
  margin:0px;
  padding:0px;
  border:0px;

}

però potrebbe anche essere quel :

#fo_MasterMenuHeader ul li
{
  ...
	padding: 5px 0 5px 0;
  ...
}

che magari ti pone lo spazio tra l'immagine e la lista (ha 5px di padding-top che potresti provare a togliere)

prova entrambe le soluzioni(una per volta) che una delle due dovrebbe risolvere..

[dops]

Originariamente inviato da Whitecrowsrain
prova con

#fo_headerImage img
{
  margin:0px;
  padding:0px;
  border:0px;

}

però potrebbe anche essere quel :

#fo_MasterMenuHeader ul li
{
  ...
	padding: 5px 0 5px 0;
  ...
}

che magari ti pone lo spazio tra l'immagine e la lista (ha 5px di padding-top che potresti provare a togliere)

prova entrambe le soluzioni(una per volta) che una delle due dovrebbe risolvere..

Grazie per aver risposto. Ho provato tutte e due.. niente.. con ie vedo sempre questo benedetto spazio!

[Mich_]

Prova a vedere se e` il "raddoppio dei margini dei float" (uno dei bachi di IE).
Aggiungi semplicemente ai blocchi con float un pleonastico:
display: inline;

[dops]

ma che.. niente.. e poi blocchi con float non ce ne sono in quel codice..