Side shadow problem

[kpocius]

I am working on this website: http://balt.emotion.lt/ and for the unknown reason the shadow does not extend to the bottom of the content. Applying clearfix hack fixed the problem in Firefox, but not IE. Can anyone drop me a hint what I am doing wrong?

Thanks.

[Paul O'B]

Hi,

I assume you mean ie7 as ie6 is alright

Its because you are using the old version of the clearfix technique and you need to change display:inline-table to display:inline-block instead.

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

[kpocius]

Wow! That was extra fast. Yes, I meant IE7 and yes this fixed the problem. Thank you so much.