i have created this, but there are two white lines where there shouldnt bein the top left, these are only there in IE and the page looks perfect in firefox, here is the link
http://nanothree.net/sites/tripp2/home.php

can anyone help me out?

Since it's a background image you can always cheat and make it a few pixels taller so it will fill out the header in IE

whats the probelm with it though? i dont really want to do that :S

The code looks good to me (and that is why FireFox renders it ok). IE reads certain CSS different.

its so frustrating!! ill try soemthing, if i make the image bigger it wont work in FF, i have soem ideas though thanks

You can add a new parameter line with an underscore that ONLY IE will pick up. Something like this:

#header
{
clear:both;
background-image:url(images/img_01.gif);
background-position:left;
background-repeat:no-repeat;
height: 85px;
_height: 81px;
}

I haven't tried this out, but a buddy of mine says he used a similiar technique for one of his sites.

yeah, i sorted it, its not perfect but it will do for IE lol

didnt use the same as you i used and increased the image length
#header
{
clear:both;
background-image:url(images/img_01.gif);
background-position:top left;
background-repeat:no-repeat;
height: 85px;
}