The site is....

http://myspacemagic.net/newlayout

In firefox the content center column is behind the navigation column. If I try to use margin-left: on the center column IE then puts the content column below the navigation. What is the best way to get these things aligned properly in both browsers? Thanks.

The z-index is the first thing i would try.

http://www.w3schools.com/css/pr_pos_z-index.asp

Hey there John!

I checked out your site and was trying to figure out what's going wrong. To me it appears that you're suffering from a case of div-itis. You've got a few too many divs going on there, and its going to get confusing for you.

Anyways, as for a fix... try this:

/* CSS Document */

* {
padding:0px;
margin:0px;
}

body {
background-color: black;
}

#container {
background-color: #181515;
width: 971px;
padding: 4px;
}


#leftcol {
width: 183px;
background-color: #181515;
float: left;
background-image: url('http://myspacemagic.net/newlayout/lefttitle.png');
background-repeat:no-repeat;
padding-top:23px;
}

#midcol {
margin-left:184px;
width: 617px;
padding-top:23px;
background-image: url('http://myspacemagic.net/newlayout/midtop.png');
background-repeat: no-repeat;
}

Nickhorn - I need the other divs though for the images. I found the problem but thanks for your help.

Just incase anyone was wondering...

I applied the margin-left to the individual divs of my center content box ( top, middle, and bottom ) instead of the center container.

Thanks everyone for your replys.