Pulsanti sopra un'immagine

[Valeria75_bis]

Ciao a tutti, ho un layout che presenta una barra orizzontale con un'immagine

[img]img/home.png[/img]

dato che questa immagine sarà sempre nella stessa posizione (valuterò poi eventualmente se sostituirla con un effetto js "carousel", ma la posizione sarà cmq sempre la stessa) ... vorrei posizionare nel lato destro dell'imagin 6 box 300x50 allineati verticalmente

praticamente vorrei creare 6 box (allineati in verticale) che diventeranno poi dei pulsanti

mi basterebbe capire come creare in una posiziona fissa, box con:
- bordo grigio da 1px e riempimento arancione
- ombra leggera (se possibile)

mi potete aiutare?

Grazie infinte

questa è una porzione la struttura attuale, quella relativa all'immagine orizzontale

<div class="subheader subheader_home">
    <div class="centra">
        <div class="pp_centra">
            <div class="contFloat">
         
                <div class="rhm1">
                <div class="rhm1-right"></div>
                <div class="rhm1-left"></div>
                <div class="rhm1-bg">
                <ul>
                    <li class="current">[url="#"]<span>Home</span>[/url][*][url="#"]<span>About Us</span>[/url][*][url="#"]<span>Services</span>[/url]    [*][url="#"]<span>Products</span>[/url]        [*][url="#"]<span>Contact Us</span>[/url]    [/list]
                </div>
                </div>
                                
                <div class="testata">
                [img]img/home.png[/img]
                </div>
          </div>
        </div>
    </div>
</div> 

[Prill]

Ciao, se inserissi l'immagine come sfondo del div testata? Il div testata avrebbe dimensioni eguali all'immagine home.png e avresti poi a sinistra il box, largo 300 pixel, con i link (inseriti con un elenco - per una soluzione semplice e crossbrowser, senza ricorrere ai css3, l'ombra potrebbe essere creata attraverso un'immagine di sfondo sulle voci elenco o sui link dato che essi hanno una dimensione precisa), al box, se devi avere due colonne, puoi assegnare un float:left mentre a destra ne avresti un altro largo 620 con un float:right.
Se invece vuoi una sovrapposizione fra elementi diversi allora potrai ricorrere a posizionamenti assoluti (assegna prima un position:relative al div testata)