Domanda CSS e vertical-align

[*Ray*]

Domanda velocissima:

Ecco cosa ho:

<div class="infortuniMain">Il mio testo</div>

Il CSS corrispondente:

.infortuniMain { border: solid 1px #555555;
                 background-color: white;
                 vertical-align: middle;
                 text-align: center;
                 color: black;
                 width: 80%;
                 height: 100; }

In pratica va tutto bene ma il vertical-align non funziona. Ho provato sia con IE che con Opera ed entrambi mi allineano il testo in cima al riquadro bianco alto 100 e largo l'80%. Il testo e' correttamente centrato orizzontalmente, ma verticalmente non ne vuole sapere. Sbaglio qualcosa io o e' un bug dei due browser?

Grazie in anticipo

[flanza]

Non mi pare che div accetti il vertical-align..

[bagu]

come dice il w3c si applica solo a elementi inline e al contenuto delle celle di una tabella

'vertical-align'
Value: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
Initial: baseline
Applies to: inline-level and 'table-cell' elements
Inherited: no
Percentages: refer to the 'line-height' of the element itself

ciao paolo

[*Ray*]

Giusto. Ok faro' ahime' con una table allora.

Grazie

[bagu]

.infortuniMain { border: solid 1px #555555;
background-color: white;
line-height:100px;
vertical-align: middle;
text-align: center;
color: black;
width: 80%;
height: 100px; }

eccolo coi css

ciao paolo