^ I can't seem to work out where the gap at the top is coming from.
Above where the image starts theres a gap that i don't want to be there, i want the image to start right at the top of the page.
In IE the background of this 'gap' is the same colour as i've set my tables backgrounds to be, in firefox the gap is still there but it's transparant....does any one have any ideas on how to get rid?

Thanks.

Maybe you can try putting it all in a div layer, and including this code:

<div style="position:absolute; top:0px; z-index:1; padding:0px;">

I don't know if it will work, but that's my suggestion. It's what I did for my site, and it worked for me.

Nope it doesnt work, the gap is still there and it messes up the 'fluidness' of the layout :( Thank you very very much for the suggestion though!

In the very bottom of your html you have:

<tr><br />
<td style="border-top: 5px solid #CD0414; border-bottom: 2px solid #CD0414; border-left: 5px solid #CD0414; background-color: #cd0414"><center><img src="http://www.``````````````/41/footer.png"></center></td>
</tr>

What do you need that <br /> for?
I took it out and the problem solved (though I tried some other things aswell so it might be that the coding isn't completely the same as it was in the beginning)

Yes!
The <br /> was there from when i was testing the basic table structure and had no content in it etc i guess!

I would have never spotted that :lol:
Thank you very much!

In your .css, under body {, add:

margin-top: 0px;

Hope that helps,
Chris :D

edit: lol.....um....ok. Ignore this. :rolleyes:

Thanks any way Chris :)

lol. You're welcome :D