Demo: http://www.iliveinabin.com/css-vertical-nav/
CSS: http://www.iliveinabin.com/css-vertical-nav/style.css

I have a vertical nav menu with display: table-cell for each item.

In IE and Webkit border and padding are added to the table-cell's height. In Opera and FF they are included within the table-cell's height.

I am adding padding and border on mousedown (a:active). This means I can either get it to work in IE & Webkit by also adjusting the height, or can get it to work in Opera and FF by leaving the height alone.

How can I make all browsers use the same box model for an element with display: table-cell?

Thanks

Dave