One of the main challenges of having a custom theme for WordPress is making it cross browser compatible. I made the theme compatible with Firefox and double checked with Internet explorer and the results were fine without any problem, but why does Google Chrome renders my theme in such a weird way instead?

Just check out the comparison screenshot below:

As you can see, the top snapshot is rendered by Firefox / Internet Explorer, and the bottom snapshot is rendered by Google Chrome. Why is Chrome rendering tables so badly? Or was it meant to be used with strictly CSS? For now i am not planning to fix this problem. Maybe if i am free i will check what is the real problem with Chrome. This is why i still feel that Firefox rocks!