Results 1 to 5 of 5
Mar 14, 2012, 10:36 #1
- Join Date
- Dec 2008
- 2 Post(s)
- 0 Thread(s)
box model differences when using display: table-cell
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?