I can get rid of the red bar under the logo. It shows in Firefox but not IE7. The cause is img03.gif in #page; the whole #page div is too high in Firefox and the red bar shows so #page needs to be lowered just in Firefox.
Edit your stylesheet:-
#page {
width: 700px;
margin: 25px auto 0 auto;/*was 0 auto;*/
background: url(images/img03.gif) repeat-y;
}
Add a conditional comment after your stylesheet link in the html file to leave IE the same:-
........<link href="default.css" rel="stylesheet" type="text/css" />
<!--[if ie]><style type="text/css">
#page { margin-top: 0; }
</style><![endif]-->
</head>.........
I admit this is a partial cure as I haven't spent a lot of time to find out why Firefox is different; there will be another cure, but mine works in the two browsers tested.
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.