I guess most of us have understood for a long time that browsers rarely see eye to eye when it comes to calculating percentages, whether that be in element widths, element positioning or background placements. In fact, the background percentages post I did last year demonstrated it pretty clearly.

Thanks to JQuery guru John Resig, we now have a clinical breakdown of exactly how much differently the browsers view this issue.

Read the full article for the detail, but the short version goes something like this..

If presented with a sub-pixel percentage:

• IE6 and IE7 round the number up
• Opera and Safari round the number down
• Firefox employs a sort of clever but slightly weird methodology that rounds some percentages up and others down.

Is it any wonder it’s such a trial trying to get liquid columns borders to align properly? I’m not sure if knowing exactly why things are difficult makes it easier to take or harder.

This entry was posted on Monday, February 4th, 2008 at 10:55 am, contains 152 words, and is filed under JavaScript & CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed. The views and opinions in this blog post are those of its author.