Link con la stessa dimensione (anche in orizzontale)

[fabbio86]

Ciao a tutti!

Vorrei realizzare un effetto tipo pulsante usando solo CSS.
In pratica visualizzo i bordi del link, inserisco un certo padding e cambio il color su :hover
Vorrei però forzare la dimensione del riquadro di link a un certo vlore fisso, così da avere tutti i link della stessa dimensione (sia che link a "corto" che a "Lunghissimo" avrò sempre riquadri di 80px). Come posso fare? Ho letto che posso usare le liste, ma questo funziona solo in verticale. Ho provato con attributi come width ma non sono riconosciuti.

Questo è il mio codice:

        div#header a, div#navigation a{
        background:#b0dce8;    
        color: #000000;
        padding-left: 8px;
        padding-top: 5px;
        padding-right: 8px;
        padding-bottom: 5px;
        border: 1px solid;
        border-color: #000000;
        text-decoration:none;
        font-family: arial;
        font-weight: bold;
        width: 200px;
    }

    div#header a:hover, div#navigation a:hover{
        background:#0066ff;
        color:#FFFFFF;    
        padding-left: 8px;
        padding-top: 5px;
        padding-right: 8px;
        padding-bottom: 5px;
        border: 1px solid;
        border-color: #000000;
        text-decoration:none;
        font-family: arial;
        font-weight: bold;
        width: 200px;
    } 

Grazie!

[fcaldera]

se usi le liste dai un float: left agli[*] e ai link
a quel punto anche i link sono dimensionabili con width e height

[fabbio86]

Ciao e grazie della risposta.
Così funziona, solo che adesso perdo l'allineamento al centro del paragrafo (i link orizzontali vengono schiaffati in basso al div che li contiene e quelli verticali tutti a sinistra del div).
Come posso fare?
Txh!