ho un problema con le immagini di sfondo in questo css perchè si vedono solo nello spazio occupato dal testo invece di essere complete.
in oltre dovrei disporre il menu in orizontale ma non capisco come fare, con i css ci sto facendo pace da poco vi posto il codice, la prima immagine del menu è più grande delle altre e mi fa pensare che debba usare i div.... spero di no dato che gia mi è stato complesso arrivare fin qui


a#logo{
background: url(elements/logo.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 372px; /*LARGHEZZA DELL' IMMAGINE*/
height: 185px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: transparent; font-size: 15pt;color: black;text-decoration: none;visibility: hidden}

a#logo:hover{
background: url(elements/logo.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.logocurrent{
background: url(elements/logo.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#op{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#op:hover{
background: url(elements/op.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.opcurrent{
background: url(elements/op.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#in{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#in:hover{
background: url(elements/in.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.incurrent{
background: url(elements/in.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#re{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#re:hover{
background: url(elements/re.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.recurrent{
background: url(elements/re.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#bi{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#bi:hover{
background: url(elements/bi.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.bicurrent{
background: url(elements/bi.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#mo{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#mo:hover{
background: url(elements/mo.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.mocurrent{
background: url(elements/mo.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#co{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#co:hover{
background: url(elements/co.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.cocurrent{
background: url(elements/co.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#ne{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#ne:hover{
background: url(elements/ne.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a.nescurrent{
background: url(elements/ne.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}
a#li{
background: url(elements/firstbk.gif); /*MODIFICA IL PERCORSO DELLA SINGOLA IMMAGINE*/
width: 186px; /*LARGHEZZA DELL' IMMAGINE*/
height: 40px; /*ALTEZZA DELL' IMMAGINE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}

a#li:hover{
background: url(elements/li.gif); /*MODIFICA IL PERCORSO DELL IMMAGINE CHE COMPARE AL PASSAGGIO DEL MOUSE*/
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none}

a.licurrent{
background: url(elements/li.gif); /*STESSO PERCORSO DI PRIMA,VISUALIZZA IL PULSANTE DELLA PAGINA CORRENTE*/
width: 186px;
height: 40px;
font-family: "Trebuchet MS";text-decoration: none; color: black; font-size: 15pt;color: black;text-decoration: none;}





</style>



</head>

<body>
<div id="menu">


Home</span></p>


In</p>


Ar</p>

</br>


Bi</p>


Mo</p>


Co</p>


Ne</p>


Li</span></p>
</div>