[Solved] IE7 not making a DIV be auto / 100% width?

[schedal]

Hello folks, I am wrestleing with a new CSS layout, one of my DIVs will not become 100% width, which is then causing the background-image to be truncated.

The width of the parent DIV is flexible, so the div with the stretching background for the title also needs to stretch with it.

It works FINE in FF, Safari, Chrome etc. but not in IE7.

In the below link, I have marked the problematic DIV with a red outline so that you can see which element it is.

Does anyone know the solution? I’m guessing its very simple.

I have tried: width:100%, auto, inherit on it and parent and daughter divs/h2 and I have also tried display:block… nothing helps.

Thanks!!!
http://www.fountain-city.com/testing/

Kindly,

Sebastian.

[schedal]

Thanks, I think I kept adding things when I was trying to get it to work, and the left margin issue is something i just haven’t fixed yet for the right-column… if there are two declarations, I’m prety sure IE just uses the most recent one [like all other browsers]; in any case though, do you know what I need to make it say to get that div to actually be width 100%?? cause float left or right isn’t going to make it 100%… and that is really my only issue right now.

[schedal]

ok finally found the solution!! Have to add:

overflow:auto;
width:100%

to the holding DIV and the DIV with the title and BINGO it works in IE7!

yaay!

[Author]

Posts