NullVoxPopuli NullVoxPopuli - 22 days ago 5
CSS Question

in non-webkit browsers, the alignment of this div is off. What non-standard thing am I doing to cause this?

jsfiddle: http://jsfiddle.net/xk9Wd/4/

Looks like this in webkit:

enter image description here

Looks like this in All non-webkit browsers:

enter image description here

Notice how in the image showing the non-webkit browsers, there is a empty space between the box and the right border.

The gray box that is misaligned here is positioned using

absolute; bottom: 0; right: 0;


And since it only "appears" correct in webkit browsers, I'm gessing there is something wrong with my markup.

Any ideas?

Answer

try to set the

.properties-main { display: table-cell } 

instead of

.properties-main { display: table }