Vertical border not aligning in Header / Body

traelocr

The vertical borders on my table are not always aligning (between header and body). It looks like it depends on cell content, table width, zoom factor of the browser.

Thank you for your help.


An example of it: (play with the zoom factor, width of result pane view)
http://jsfiddle.net/SLuy6/
An image of the problem:
http://justpaste.it/dv1a

allan

> border-collapse: collapse;

Change that to `border-collapse: separate;`

Allan

traelocr

I've updated the example with border-collapse: separate. (http://jsfiddle.net/4wLzk/)
It is still sometimes misaligned. Is it possible to get rid of it?

allan

Only when zoomed? And only in IE? Seems to work okay for me in Chrome.

traelocr

Yes, when zoomed. In IE, Firefox and Chrome. Mostly when the table don't have a lot of place or not enough place and the horizontal scroll bar (of the site, not table) becomes visible.