ciao,

vorrei posizionare un menu orizzontale all'interno di un div ma succede una cosa strana...

Questo problema succede solo con firefox

il menu orizzontale voglio posizionarlo alla base del div#banner contenitore solo che questo succede solo se applico un border 1px al div contenitore... VVoVe:

perchè???

forse mi spiego meglio con le immagini:

1) immagine di come NON dovrebbe posizionarsi, con IE7 funziona correttamente.



2) immagine di come si posiziona correttamente ma solo dopo che ho aggiunto un border al div#banner contenitore



css:


codice:
#banner { 
           	       height:100px; 
                       text-align:left; 
                       border:0px solid red; 		}


ul.menu1 { 
            text-align:right;
            font-family: Georgia, verdana, sans-serif, arial, impact, helvetica, Times New Roman;
            font-size:.9em;
            color:#fff;
            list-style:none; 
            margin-top:69px; 
            padding:0;
            border-bottom:0px solid yellow;

        }

ul.menu1 li a {

           display:inline;
           color:#fff;
           padding: 0 20px;
           text-decoration:none;
          
       }
       
ul.menu1 li {display:inline}

ul.menu1 li a:link, ul.menu1 li a:visited {

           display:inline;
            color:#fff;

    }

ul.menu1 li a:hover, ul.menu1 li a:active {

          background: #fff;
           color:#004892;
            padding: 0 20px;

   }

html:

<div id="banner">

<ul class="menu1">[*]HOME[*]PRODOTTI[*]DOVE SIAMO[*]CONTATTI
[/list]

</div>