Question

I am having a major problem with my layout.

Using IE9 the layout messes up while the layout that in all other major browsers (chrome, safari, opera and Firefox) the layout is fine, no problems. What is causing the layout to mess up in IE9?

Here is jsfiddle embedded to show code and layout: http://jsfiddle.net/gRdGx/1/

The jsfiddle is justt here to show that it displays the features side by side and that is the layout I want for all my browsers, but as I have already stated the only browser it is not doing this in is IE.

Below is a screenshot showing the layout it is showing in IE 9 and in other browsers:

UPDATE:

It could be due to a compatibility issue that maybe causing this. If so does anyone know how to change code slightly in order to get layout to work for IE9 and its older versions of 6/7/8?

Answer 1

try this IE7 fix for inline-block on tables where you used it:

TABLE_ID{
display: inline-block;
zoom: 1;
*display: inline;
}