Not sure what the layout requirements are, but don't you just want to have a three-column design? Why are the first two div's grouped together? At first glance I would just remove the group and float all the three div's to left.
The advice you've given me has solved most of my problems.
A little issue still stands, the code posted above fits into a bigger snippet of code, where I have to reset the margin by -36%, see HTML below, CSS is as per Eric's post
This works perfectly with FireFox. In IE7 the margin is incorrect, in the sense that it seems more like -40% - how could I rectfy this problem?
If I use the exact code above In FF and IE7 the page I get is slightly different. (in FireFox I see HA2, In in IE7 I see AHA2 - in the top left box )? Is this just me or something more to do with the browsers?
Sorrry for the convaluted message.
Joined: Nov 08, 2001
Issue you are probably having is one browser has a scrollbar visible and the other does not.
% can be really strange with browsers, especially their behavior with odd widths.
Joined: Mar 31, 2005
Is there anyway I can state, if its IE7, do a different margin to other browsers etc.?