Aiuto header in css

[luigi76]

Salve sto cercando di realizzare il seguente layout con i css
http://www.cioccolavino.it/gif/header4/header-home.gif

Al momento sono riuscito a realizzare la seguente pagina
http://www.cioccolavino.it/template/header.htm
Lo strutturato in questo modo :
-Creato la barra dei menu con una lista
-Posto come sfondo del header la gif del bicchiere(comprensivo con quella picola barra con carello e altro)
- Il logo come sfondo di un h1
-Creato la sezione ricerca con un div contenente il tag h1 che ha come sfondo la gif trova il vino e sfondo del div principale a destra la curva giallina

Volevo solo chiedervi un aiuto per poter realizzare al meglio l'header del mio sito web.

Grazie Mille

[pierofix]

Con firefox si vede tutto un casino: sono mille elementi uno sopra l'altro, ognuno per i fatti suoi.

[luigi76]

Lo so potreste darmi un aiuto
sono spaesato
Vi sarei molto grato.

[luigi76]

Nessuno può darmi aiuto.
Sono nei guai sto facendo prove e controprove.

[luigi76]

Ho fatto altre modifiche e ho notato che l'unica difficoltà ed allineare il logo ho utilizzato il seguente codice
Xhtml:

<div id="header"> 
 <h1><a><span></span>Cioccolavino.it</a></h1>
</div>

CSS :

div#header h1{margin:0}

div#header h1 a{
    position:relative;
    display: block;
    width: 218px; height: 61px;
	top:50px;
    margin-left:0px}

div#header h1 a span{
	position: absolute;
	width: 100%;
	height: 100%;
	background:url(/gif/header5/logo.jpg);
	cursor: pointer;
	top: 1px;
}

[pierofix]

<div id="header"> 
 <h1><a><span></span>Cioccolavino.it</a></h1>
</div>

Troppo sporco a mio avviso. Intanto prova così:

<div id="header"> 
 <h1><a>Cioccolavino.it</a></h1>
</div>

.
.
.

#header h1 a {
   background: url(/gif/header5/logo.jpg);
   text-indent: -9999px; //che bel trucco!!!
   ...
}

[luigi76]

Non và così
Cirtesemente mi potreste aiutare.
Ve ne sarò grato con un regalo dei miei prodotti.
Grazie

[luigi76]

Nessuno mi può dare aiuto?

[luigi76]

nessuno può darmi aiuto

[nickmadison]

per quanto riguarda la grafica io ridimensionarei il carrello e il catenaccio, mi sembrano esageratamente grandi; la nuvola con il punto di domanda la sostituirei con qlcosa di piu professionale e graficamente coerente (vai in qualche negozio famoso on-line e vedi come hanno fatto).
nelle voci di menu vuoi fare un effetto roll-over o ti va bene statico?