Hi. I'm trying to make navigation buttons that consist of a box with text inside. By default, the box is transparent, but when you rollover the box, the text inside will turn white and the box will turn dark gray. And of course, the rollover effect will appear permanently when you are on the corresponding page to the button. The rollover is working properly, but the text needs to be center (or middle) aligned vertically and horizontally within the box, and it's not working.
I tried using the tutorial here, so that's why I used "inline-table" and "table-cell" in the css. I had to use "inline-table" instead of "table" to make the boxes stay on the same line.
Here's a test site for the page: http://gchiller.com/test/
Can someone please help?
Europe, Middle East and Africa