Problema menu

[Sonikag]

Ho questo menu:

<div id="menup">
<ul>[*]Uno[*]Due[*]Tre
</div>

#menup{
width: 100%;
border: 1px solid #33FF00;
padding:0px 0px 0px 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;}

#menup ul{
margin: 0;
padding: 0;
list-style: none;}

#menup li{
font-size: 0.9em;
display: inline;
margin: 0;
padding: 0;}

#menup a:link, #menup a:visited{
float:left;
color: #fff;
margin: 0em;
padding: 2px 25px 3px 26px;
text-decoration: none;
border-right: 1px solid #fff;}

#menup a:hover, #menup a:focus, #menup a:active{color:#ff0}

Probema in #menup chideo un bordo (border: 1px solid #33FF00
Su ie tutto ok, ma su ff viene visualizzato solo il bordo in altoe ho scoperto che il colpevole è il float:left di #menup a:link, #menup a:visited che però per ovvi motivi non posso togliere.

[Mich_]

No, il problema e` che per le dimensioni imposte il tutto non ci sta.

Il tuo blocco menup e` largo 100% piu` 3px, e quindi e` maggiore del 100%.
(invece in IE il box-model e` diverso ed i conti si fanno in altro modo)

Non so dove e` inserito tale blocco, per cui non mi e` possibile proporre una soluzione alternativa.

[Sonikag]

Grazie!
Ho provato ad usare le dimensioni fisse ma il problema non cambia

width: 946px;

il contenitore è così composto:

<div id="banda1" class="banda">
<div class="wrapper1">
[img]img/graf/logo.jpg[/img]
IL MENU CHE HO MESSO SOPRA
</div>
</div>

CSS

.banda { width: 100%; }

#banda1 {
	min-height: 171px;
	height: auto !important;
	height: 171px;
	text-align:left;
	background-image: url(img/graf/sfondomenu.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
}
.wrapper1 {
	width: 950px;
	padding: 0px;
	margin: 0 auto;
	background-image: url(img/graf/sfondohead.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 148px;
	height: auto !important;
	height: 148px;
}

[Mich_]

Dato che il contenitore ha larghezza fissa in px, ti basta definire la larghezza del tuo menu in px, lasciando lo spazio per i bordi e margini:

.wrapper1 {
  width: 950px;
  ...
}
#menup {
  width: 947px;                   /* 950 - 3 */
  margin: 0;                      /* e` meglio definirlo per evitare che i brwoser abbiano un default diverso */
  border: 1px solid #3F0;   /* questo usa 2px in larghezza */
  padding: 0 0 0 1px;        /* questo usa 1px in larghezza */
  ...
}