CSS doesn't work in IE but in FF it does

Hello,

the site i'm talking about is www.brewed.nl/ you can really see the differents, it is acctually screwing my entire site.

i have add the css file in every possible way but he just doesn't read it. And it isn't some spectaculair, just simple css.
<style type="text/css">
@import url("css.css");

.Table_01 {
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: top;

}
a:link {
font-style: normal;
color: 0c4873;
text-decoration:inherit;
}
a:visited {
color: 0c4873;
text-decoration:inherit;
}
a:hover {
color: 1a6f98;
text-decoration:underline;
}

body {
background-color: #FFF;
margin: 0px;
padding: 0px;
font-size: 16px;
font-family: Georgia;
}h1 {
color: 0f4159;
}

</style>
<link href="css.css" rel="stylesheet" type="text/css">
</head>

I hope that someone can please help me with this problem!!!!

a major thing first is that you probably need a doctype, you also have quite a few validation errors in your html markup.

You should validate it and try and get all of the errors fixed and then see what happens, if it doesnt then i will keep looking at it.

www.brewed.nl

it is validated but it rips up the entire site when there is a big content, does anyone know how to resolves this?

Thanks in advandes

I don't see any notable difference in my IE6 & FF, could you be more specific?

Try adding this to the start of your css. It makes a difference on my PC although the site is certainly not badly broken for me either.

Frank

@charset "utf-8";
/* CSS Document */

*{margin:0;
padding:0;}

.Table_01 {
background-color : #ffffff;
background-repeat : no-repeat;
background-position : top;
}

.Side-left {
background-image: url(images/site_12.gif);
background-repeat:repeat;
background-position:top;
position:relative;
}

.Side-right {
background-image: url(images/site_16.gif);
background-repeat:repeat;
background-position:top;
position:relative;
}