Needing help with positioning

[sunset]

Morning! I am having troubles getting my content to position correctly. It looks better in IE then it does in Firefox.

Here is a photoshop image of what I am trying to acheive:
http://www.sunsetinspirations.com/te.../homepage3.jpg

What it looks like in Firefox:
http://www.sunsetinspirations.com/te...es/firefox.jpg

And the actual design and code:
http://www.sunsetinspirations.com/testing/homepage.html

Thanks in advance for any help.

[Wai]

I might not be a super expert. But I believe it has something to do with your divs' paddings

try to adjust them a little til they look good
--

.col2 {}
 
.col2a {float: left;width: 319px;padding:5px 30px 90px 5px;}
 
.col2b {float: right;width: 318px;padding:5px 30px 90px 5px;}

change the 30px to something lower

[young72]

You are referencing id's boxA, boxB, boxC, boxD which I cannot find defined in the CSS. Also your classes - box1, box2 and box3 - don't seem to have any styling defined. Id #tn1 has no styling defined either. So the browser is just placing the information the best that it can.

[sunset]

Thank you for the help! I have been changing the code ,trying different things.

While removing the useless coding, I found the problem! It was my width and I used padding instead of margins.