horizontal centering of DIV

[arunrr]

Hello,

Please see the following test URL...

http://www.bcci.com/Records/Records.html

A mouseover on 'TEST' and 'ODI' under 'Batting Records' displays the pop menu. However, i am having trouble aligning this menu. As you can see from the code, I have used "text-align:center" in multiple places (<TR> and <TD>) with no effect.

I have also tried "margin:0 auto".

This menu must display directly below the link where the mouseover if performed. Right now it is aligned to the left of the cell.

Thanks for your help,
Arun

 

[Wolfie7873]

The best recommendation I can give you is to not use tables for this. Consider positioning divs instead. You can also javascript the position of the cursor and snap the div the cursor position.