I've tried adjusting padding and margin for various divs and containers. It seems as though IE has default padding that throws my third column below the main content. FF displays properly. Any advice on how to handle this is appreciated.
Try floating the far right column to the right (instead of left) and adjusting the width/padding down a few pixels until it fits in IE.
IE is really picky about width/padding combos as it is, and it's worse when floating elements. I've found it likes things to float: right; better than letting containers fall in line just by floating everything to the left.
when designing a 3-col layout in CSS, i normally use this as my base. sometimes its just easier to start over than to try and fiddle about. this link works across browsers and is pretty easy actually :)
Awesome brianh. This seemed to do the trick. Thank you!
Any ideas about the padding for the h3 element (Our Customer Guarantee)? this is quirky in IE also. As are the <li><a> tags in the left column class=nav. There seems to be default padding that is not as troublesome as the column adjustment, but is still a little ugly. Thanks again.