Container Div collasping issue

[brunell180]

Hello All

 

Ive been struggling to fix, what i believe is a auto collapse issue that only happens in FF, in IE its fine.

 

On the left side of the home page there is a image of trees, that image should continue down the left side,

if you go to http://www.wolfriverwoods.com/Forestry/default.htm in IE you will see it displays correctly. And in FF it gets cut off.

thanks in advance.

 

Here is the style sheet:

 

body {

margin: 0px;

background-color: #555533;

font-family: Tempus Sans ITC, "Tempus Sans ITC", Tempus Sans ITC, Tempus Sans ITC;

font-size: 0.8em;

padding: 0px;

 

}

/* Styles for DIV tags */

#container {

border-right: 5px solid #666644;

border-left: 0px solid #666644;

border-bottom: 5px solid #666644;

background-color: #EEEECC;

background-image: url('../images/pic003.jpg');

background-repeat: repeat-y;

background-position: left;

background-attachment: scroll;

 

 

}

#masthead {

background-color: #EEEECC;

border-top: 0;

border-right: 0;

border-left: 0;

padding: 15px;

}

#navigation {

background-color: #CCCC99;

margin-left: 160px;

text-align: center;

}

html>body #navigation {

overflow: hidden;

}

#content_container {

background-color:#FFFFFF;

padding: 0px;

 

}

#column_left {

float: left;

font-family: Tahoma;

}

#column_right {

background-color: #F9F9EC;

padding-bottom: 30px;

background-repeat: repeat-x;

background-position: left bottom;

background-attachment: scroll;

}

#image {

margin-bottom: 6px;

margin-left: 6px;

}

#footer {

background-color: #F9F9EC;

color: #666644;

background-repeat: repeat-x;

background-position: bottom;

padding-top: 8px;

padding-bottom: 8px;

}

[falkencreative]

This is what the code shows for the #container element:

 

 

If you remove that inline style, it fixes things in Firefox.

[brunell180]

Great, thank you. cant believe i missed that