center wrapper border problem with IE

[speedysteve]

Hi all, hope someone out there can help

I am trying to put a 1px border around all the side boxes and center boxes. To this end I did this:

.centerBoxWrapper, .sideBoxContent {
background-color: #ebf9e8;
border: 1px solid #9e99d0;
border-bottom: 14px solid #9e99d0;
height:auto;

}

In Firefox it works just fine, but in IE the border in the center wrapper doesnt extend all the way down to the bottom of the box. Only the first 2 rows of 3 images are enclosed, the rest are protruding out of the bottom of the box. I know it must be my css but I cant see it. Any ideas?

Steve

[kuroi]

Various fixes for this, but need to see the site to work out which one is appropriate. Do you have a link to it?

[speedysteve]

Hi, thanks for replying
No sorry, its running on a test server at the moment with no internet access. Can you give me a couple of ideas to try?
Steve

[speedysteve]

Hi all, hope someone out there can help

I am trying to put a 1px border around all the side boxes and center boxes. To this end I did this:

.centerBoxWrapper, .sideBoxContent {
background-color: #ebf9e8;
border: 1px solid #9e99d0;
border-bottom: 14px solid #9e99d0;
height:auto;

}

In Firefox it works just fine, but in IE the border in the center wrapper doesnt extend all the way down to the bottom of the box. Only the first 2 rows of 3 images are enclosed, the rest are protruding out of the bottom of the box. I know it must be my css but I cant see it. Any ideas?

Steve

Ok, I hunted around the forums for a long time and fixed it. i changed

height:auto;

to

height:1%;

Not entirely sure why this fixed the problem tho.
Steve

[kuroi]

It works because IE is a bit lazy about calculating the height of divs - by changing the height to 1% you force it to look at how much space your div really needs, conclude that it's more than 1% and over-ride that value with one that actually works.