Hello, I have been trawling google to try and find an answer for this and have got nowhere so I thought time to ask the experts,

This code works fine in ie6 and firefox, normally my webpages always run fine and I never have any problems but ie 7 end for some reason makes the box not fill the page.

Please have a look at this page www.oxygensolutions.net/preview as you can see in ie6 and firefox they all meet up but in ie7 there is a 6 pixel gap between the first box and the second box, i guess this is the padding, but i have no idea why it does it, the code im using is:

.mainlarge {
width: 400px;
height: 125px;
margin: 0px;
padding: 0px;
float: left;
}

.mainlargetop {
width: 394px;
height: 18px;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
background-color: #30678a;
}

.mainlargebottom {
width: 394px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
background-color: #007ab0;
}

And the HTML code is:

<div class="mainlarge">
<div class="mainlargetop">
<h1>welcome</h1>
</div>
<div class="mainlargebottom"></div>
</div>

any advice is greatly appreciated!

Thanks

oh and ignore the fact the other boxes are different height (that does not effect it just havent changed it all back yet after trying to solve the error)

Your right it shows fine for me In Ie6 (Cant test in ie7)

Can you modify the code and offset it to compensate with IE7? (And just have the site detect if a user is on IE7 and if so goto the modified code to show it right.)

Good luck :)

thats the problem i couldn't get it to work in ie7 without using overflow which completely messed up my padding, surely im just being stupid or something?

Thanks anyway.

I don't see any difference in FF, IE6 or 7. Do you want the gap removed? The 'gap' is caused by your border-left.

very very weird!

on my ie7 on pc downstairs, freshly downloaded it doesn't show like that,

are you guys running it on xp? as i noticed the ie7 that came with vista beta works properly!

Any ideas why one ie7 is showing it different to others?

i no there is a border left gap, i will take a screeny when i get home later and show you

IE7 is somewhat improved over IE6 but light years behind any other browser.

thats not answering the question but thanks anyway!

anyone know the answer to this?

Then I'm confused about the problem. You said the boxes were touching in all browsers but IE7. I said they aren't touching anywhere but the gap is caused by the border. You said you would supply a screenshot so I still don't know what the problem is.

there is a 1px border yes, but the two boxes on the far left do not even touch closesly they are about 6 pxs away, and the other top boxes do the same.

does that make sense

Just installed ie7 on a computer that hadn't had the beta installed, the site shows fine, i have solved the problem, i uninstalled it on the other one and and reinstalled but the errors still show so I guess that its todo with what the original betas installed and somehow has not properly been removed?

I viewed it on WIN98se IE6 and it was fine :)

yeh it ran on those fine, i think it was just one of my pcs