My site at hostorchard.com looks fine in Chrome, Firefox and Safari but in IE the right box in the pricing table is dropping to the next line:
View PogTob.png on ScreenSnapr
Can anyone provide advice on how to fix this?
| SitePoint Sponsor |

My site at hostorchard.com looks fine in Chrome, Firefox and Safari but in IE the right box in the pricing table is dropping to the next line:
View PogTob.png on ScreenSnapr
Can anyone provide advice on how to fix this?





The margin-left in your CSS rule (below) is causing the issue. You have three columns which total the width of their parent exactly (3 x 320 = 960), but then you're adding a margin. This causes the last column to wrap as there's not room for it to fit beside the others. If you hard-code the columns to be 319px wide your problem will go away.Code:#price_table .column { float: left; margin-left: 1px; width: 33.3%; /* Make this 319px; */ }
From the English nation to a US location.





If you want to keep the %age width, add another div inside the .column. Don't set a width on the new div, but set the margin on it instead of the parent.
From the English nation to a US location.
Bookmarks