IE 6,7,8 all breaking my layout, at the end of my rope with floats!

HTML & CSS
1

Good afternoon,

I am working on a site I am preparing to launch shortly and I am having MAJOR issues with the layout containers for the site. The weird thing is I just built a site using the same techniques for another client and the style definitions for the container structures are basically the same. I think I am going crazy, probably missing something very obvious here. Please take a look at the following link and let me know how I can fix this. A million thanks.

The issue is in IE 6,7,8 the right sidebar is getting shoved down below the main left hand container…

http://www.firstracksdevelopment1.com/public-policy

2

Hi,

I only see the right column dropped in IE6 only and that’s because of the double margin float bug here:


#SubPageContentContainer {
    float: left;
    width: 640px;
    margin-right: 40px;
    margin-left: 20px;
    padding-top: 25px;
[B]    display:inline;[/B]/* double margin fix*/
}

Why is the css file in the middle of the html in the body?

Also what is this doing?


<!--[if !IE]><!-->
        <link href="http://www.firstracksdevelopment1.com/css/IE.css" rel="stylesheet" type="text/css" />    

    <!--<![endif]-->

It’s sending a non existent file to all but IE.:slight_smile: