css issues ie8 only

[cocoonfx]

Hi Guys


I am using a drupal site and every browser this works accept you guessed it IE8. I have tried loads of different ticks which normally work however for some reason I can not get the header or the footer to stretch to 100% It goes about 80% away across.

Any ideas?

website www.cms-admin.co.uk/k


[css]#header{
background: url("../images/header-tile.png") repeat;
padding:0;
height:136px !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width:100% !important;

#footer{
background-color: #000;
color:#fff;
float: left;
margin: 0;
padding: 0px;
width: 100% !important;
height:40px;
}

}[/css]

[domedia]

There's quite a bit of errors in your stylesheet. Fix them first (you can leave the warnings alone) and see if the problem is still there.

[cocoonfx]

humm I found a solution, I have to put in the following:

#header{
background: url("../images/header-tile.png") repeat;
padding:0;
height:136px !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width:100%;
width:1080px\9;

This is the only way to get it to work.