info menu css

[cicciodoors]

Salve, ho un piccolo problema che non riesco a risolvere anche perchè sto capendo ancora adesso i css, in pratica sto creando un menu orizzontale che ho creato cosi per prova su photoshop, con uno sfondo sfumato che va bene, ho messo i link ecc...poi quando arrivo all'hover, che ho creato un rettangolo sempre con Ps di 96x44 px, succede che lo metto nel foglio di stile e se ne vede solo mezzo o in altezza o in larghezza...secondo voi dove sbaglio?

questi sono i codici html e css:

<div id="menu">
<ul>
[*][img]images/home.jpg[/img]
[*][img]images/servizi.jpg[/img]
[*][img]images/prodotti.jpg[/img]
[*][img]images/offerte.jpg[/img]
[*][img]images/contatti.jpg[/img]
[/list]
</div>

__________________________________________________ _

#menu {border:1px solid #005;float:right; width:680px; height:50px; position:absolute; top:80px; left:800px;

}

#menu ul {list-style-type:none; margin:0 auto;}
#menu ul li {float:left; display:block; padding:15px 15px; }
#menu ul li a { padding:0 5px; width:96px; height:44px; }
#menu ul li a:hover, a:active {background-image:url("images/hover.jpg");}

__________________________________________________ _

Infine un'altra cosa, come posso evitare che con il posizionamento assoluto un box resti sempre dove lo metto senza che al variare della risoluzione esca fuori contenitore?

grazie e scusatemi per essermi dilungato troppo...

[Nobody33]

Senza vederlo dal vivo il tuo meno difficile dare una risposta completa.
Sarebbe opportuno che lo carichi da qualche parte e posti un link.

Ma, tanto per incominciare:

il display: block; lo metterei in #menu ul li a piùttosto che in li.

Infine un'altra cosa, come posso evitare che con il posizionamento assoluto un box resti sempre dove lo metto senza che al variare della risoluzione esca fuori contenitore?

Pessima idea dare un absolute, left, top ecc.. ad un menu,

Fai un contenitore principale che contiene tutto il sito; lo posizioni con margin: 0 auto;
Li dentro poi metti il div del menu senza absolute.

[sgogghy]

Nel tuo caso, infatti il display:block va assegnato al tag a.
Oppure assegni il background a li e non ad a.