Problema con bordo..

[Gorgoglius]

Ragazzi ho un problema.. ho inserito un menu "verticale" tramite l'uso di un foglio di stile, ma ho un problema: vi posto l'immagine cosi capite meglio.



il bordo inferiore non rispetta la lunghezza del menu.. ecco il foglio di stile:

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 140px; /* Width of Menu Items */
	border-bottom: 1px solid #F8FAE2;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 130px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #000000; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #F8FAE2;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #F8FAE2; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

Perchè fa cosi?!?

Grazie a tutti!

[chipdb]

Con IE e Firefox a me funziona normalmente...

[Gorgoglius]

allora non è un problema di quel foglio css.. può essere dovuto al css che regola la struttura della pagina? eccolo qui...

* {margin: 0; padding: 0;}
A
{
    COLOR:#0033FF;
    TEXT-DECORATION: inherit;
	font-weight:bold;
}
P
{
    COLOR: #000000;
    TEXT-DECORATION: inherit;
}
BODY
{
    FONT: 12px "Arial", Courier, monospace;
    TEXT-ALIGN: justify;
	background-color:#F8FAE2
}


.container
{
    TEXT-ALIGN: center;
}
.header
{
    HEIGHT: 142px;
	width: 100%;
	background-color:#000000
}
.header P
{
    COLOR:#F8FAE2;
    TEXT-DECORATION: inherit;
}
.logo
{
	position:absolute;
	top: 5px;
	left: 5px;
	height: 130px;
	width: 250px;
	BACKGROUND: url(../index-files/header/logo.jpg) #000000;
}
.intestazione
{
	position:absolute;
	top: 5px;
	left: 260px;
}
.intestazione P
{
    COLOR:#F8FAE2;
    TEXT-DECORATION: inherit;
}
.intestazione A
{
    MARGIN-RIGHT: 10px;
	color:#F8FAE2;
}
.heaDX
{
	position:absolute;
	right: 5px;
	top: 5px;
	height: 90px;
	width: 200px;
	BACKGROUND: url(../index-files/header/parking.jpg) #000000;
}
.menu
{
	top: 130px;
	position:absolute;
	width:100%;
	left:0px;
}
.menu A
{
    FONT-SIZE: 1.1em;
    PADDING-BOTTOM: 1px;
    MARGIN-RIGHT: 15px;
	color:#F8FAE2;
}
.menu A:hover
{
    PADDING-RIGHT: 0px;
	BACKGROUND-IMAGE: none;
    COLOR:#000000;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR:#F8FAE2;
}
.content
{
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
	top:160px;
}
.item
{
	width: 700px;
	margin: 10px auto;
	padding: 10px;
	text-align:justify;
}
.item H1
{
    FONT: small-caps 1.2em Arial;
    COLOR:#FFFFFF;
    LETTER-SPACING: 1px
}
.item A
{
	color:#0033CC;
}
.footer
{
    CLEAR:both;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
	width: 100%;
	height: 50px;
	bottom:0;
	position:absolute;
	background-color:#000000;
}
.footer P
{
    COLOR:#F8FAE2;
    TEXT-DECORATION: inherit;
}
.footer A
{
    MARGIN-RIGHT: 10px;
	color:#F8FAE2;
}
.sottotitolo
{
	position: absolute;
	left: 5px;
	top: 10px;
	background: url(../index-files/footer/pres.jpg) #000000;
	width: 300px;
	height:30px;
}

.clearer
{
    CLEAR: both
}
.lnews
{
	width: 49%;
	float: left;
	display:inline
}

.rnews
{
	width: 50%;
	float: left;
	display:inline
}

non capisco proprio..

[Gorgoglius]

up

[Gorgoglius]

help me raga!

[Mich_]

Prima di verificare altre cause, dovresti correggere i numerosi errori di sintassi del CSS, e quindi controllare la validazione sia del codice HTML che del CSS.

[Gorgoglius]

sono in locale.. ho appena fatto il css.. e mi sono bloccato su questo problema..

[Mich_]

Il CSS postato (nella fattispecie il secondo) contiene errori di sintassi.

Ripeto:
Non ha senso cercare altri errori se la sintassi non e` corretta.

Anche se sei in locale:
PASSA DAI VALIDATORI e correggi gli errori.
I validatori sono accessibili anche per upload di file oppure per copia-incolla in una textarea.

[Gorgoglius]

mi è venuto fuori questo

Avvisi (17)
URI : file://localhost/default.css
10 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .logo e P
10 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .footer e P
10 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .sottotitolo e P
10 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .header e P
10 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .heaDX e P
35 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .header P
35 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .header P
55 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .intestazione P
55 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .intestazione P
61 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .intestazione A
61 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .intestazione A
84 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .menu A
84 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .menu A
133 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .footer P
133 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .footer P
139 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .item e .footer A
139 		Hai utilizzato lo stesso colore per il valore di color e per il valore di background-color in due contesti: .menu A:hover e .footer A

ma non ho ben capito cosa dovrei fare.. color e background-color sono due cose diverse.. perchè mi dice cosi?

[Ciccio17]

E' lo standard che funziona così.
Quelli non sono errori, ma sono warning e volendo potresti anche tenerli.

Se vuoi fare la furbata di eliminare anche quelli potresti cambiare l'ultimo bit per il color, in modo che i colori sono sostanzialmente uguali, ma il validatore li riconosce come differenti e ti elimina ogni tipo di warning.