vertical-align dur ikke...hvad gør jeg?

Hejsa folkens

Jeg har en stump kode jeg ikke kan få til at fungere...

Jeg har en celle i en tabel med en style der siger at indholdet skal være vertial-align: 50%

Det virker fint nok, men hvis jeg så i denne celle har en image med en style som: position:absolute; bottom: 0px; right: 0px ja så går den galt. Kun hvis det er bottom.

Hvorfor det ?

Her er koden hvis det hjælper:

        <td width="25%" align="center" style="position: relative; border: 1px dotted #000000; height:100px; background-color: #99CCFF; vertical-align: 50%;">
        <div style="position: absolute; top: -1px; left: -1px;"><img src="pic/Corner_Left_Top.gif"></div>
        <div style="position: absolute; top: -1px; right: -2px;"><img src="pic/Corner_Right_Top.gif"></div>
        <div style="position: absolute; bottom: -1px; left: -1px;"><img src="pic/Corner_Left_Bottom.gif"></div>
        <div style="position: absolute; bottom: -1px; right: -2px;"><img src="pic/Corner_Right_Bottom.gif"></div>
        Produkt nr 2</td>

mvh
Daniel