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>