CSS Table. Vertical Centering not working

I have just been attempting to create a table in CSS where the text is centred vertically and horizonally. Horizontally is fine, left, right, centre, justify its all good. When I come to vertical the **** text just refuses to line up the middle. I’m going to smash my computer in very shortly if I don’t figure it out.

How do I vertically centre if I can’t use the standard attributes in a CSS sheet?!

here’s the link to give you an example.

CSSnotWorking.html

As you can see the text inside the div isn’t aligning vertically to the centre.

Thanks

vertical-align: middle doesn’t align to center… not the same as valign=middle. thats where you went wrong. =]
think of vertical-align as the CSS equivalent of an IMG tag’s ‘align’ attribute instead.

you can find tons of stuff on vertical centering on google…
http://www.google.com/search?hl=en&ie=UTF-8&q=vertically+center+css