CSS help please

OK I'm getting to the end of my tether with this!

http://964eagle.co.uk.temp.ourhelmcp.com/OnAir/Schedule.asp

On IE 6, it works fine, but on IE 7 the footer bar at the bottom shows half way up the page.

I fixed this for the front page (which now works in all browsers) - http://964eagle.co.uk.temp.ourhelmcp.com/ - but I cannot get the other pages to play ball.

Can anyone help please!

I'd really appreciate that.

Regards

Gavin

All fine for me on IE7?

Fine for me in FF 2.

Looks ok for me too, IE7 / Vista.

Yeah looks fine- I just think you wanted to show of that you're doing the Eagles site

How'd you get the job?

Cool - thanks for all your replies!

I must have fixed it then! I'm running IE6 here so it's hard to check - I've been relying on BrowserCam to help out!

It's all to do with who you know lol

I have a radio background.

OK just one problem remains (even though the site has now gone live!)

If you look at the site in IE you'll see a nice "topical banner" as I write it's something to do with the School Holidays. However, on Firefox, this won't show. I've tried everything, but can't get it to work.

Here's the code for the <div> that contains the topical banner:

Code:

<div id="topicalimage" style="background:url(../media/topimage/<%=(rs_topicalimagename.Fields.Item("main_image").Value)%>); background-position:right top; background-repeat:no-repeat; width:100%; height: 175px;">

Is there any reason why that won't show in Firefox? I presume Firefox can deal with the dynamic element?

Thanks for your help

off the top of my head:

the url needs to be contained in 'these'? Could be the issue?

This bit works fine:

Code:

#menu { width: 100%; height: 175px; background: url(../images/menu.jpg) no-repeat; border-top: 1px solid #fff; }

But it seems no different!

I took out the dynamic element and it still doesn't work.

Very confused!!

Code:

 <div style="background:url(../media/topimage/<%=(rs_topicalimagename.Fields.Item("main_image").Value)%>); background-position:right top; background-repeat:no-repeat; width:100%; height: 175px;"></div>

I've run this all by itself away from the rest of the content and it still shows nothing. I've even tried it with some text in the div, and still nothing.

It's really odd, as I've pretty much replicated the background the menu header (the orange background with circles on it) as that displays just fine!

www.964eagle.co.uk shows the site.

I knew it'd be something stupid like that! Thank you so much! That really has saved me from pulling ALL of my hair out!

I'm now happy that the site displays properly in Firefox and IE 6 and 7.

Cheers

Gavin