Need Help Designing for Internet Explorer

[alias353]

I am an absolute amateur when it comes to the super technical side of web development. I was hoping some of you would be so gracious as to help me out with a small problem I'm experiencing designing a website for a friend.

I'm using Dreamweaver CS4 and the website looks fine in Chrome and Firefox but the layout doesn't display correctly in IE.

Here's what it looks like running correctly...
http://img341.imageshack.us/img341/5720/architecture.jpg

And here's what it looks like running in IE...
http://img202.imageshack.us/img202/342/iexplorer.jpg
(notice the footer)

I would be so grateful with any help. I have googled for IE fixes and problems of this nature but I'm such an amateur I'm not even sure where to start.

[Jarrod1937]

Can you show me the code for the footer? Both the html and the css will be needed to give any suggestions.

[alias353]

This is everything right here...
http://www.yousendit.com/download/OHo3ZXR5VnM1bmcwTVE9PQ

For the Image

<td><img src="Image Resource/footer.jpg" alt="" name="footer" width="1131" height="147" vspace="14" border="0" usemap="#m_footer" id="footer" /><map name="m_footer" id="m_footer">

CSS
body {
background-image: url(Image%20Resource/bgtile.jpg);
background-repeat: repeat-x;
margin-top: -10px;
font-family: Arial, Helvetica, sans-serif;
background-attachment: scroll;
background-color: #FFF;
}
body,td,th {
font-size: 14px;
margin-top: -15px;
font-family: Calibri;
padding-right: 0px;
padding-left: 0px;
text-align: center;
color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 16px;
color: #000;
}

[Jarrod1937]

Why can't you just have the footer panel be a background image done in css? That way you don't have to worry about it being broken up.

[alias353]

Can a background image have hotspots?

[Jarrod1937]

Can a background image have hotspots?
What do you mean by hotspots? Links? All you need to do is have a div with 100% width and whatever the ieght of the footer is, positioned there with all of your bottom links centered. You can then define it to have a tiling background image aligned to the bottom. This will make it impossible for the footer to be broken up.

[alias353]

Maybe I'm confused but wouldn't that result in the cityscape being tiled as well? My friend doesn't want that, not to mention he wants the one building that stands out down there to be a hotspot link.

[Jarrod1937]

Maybe I'm confused but wouldn't that result in the cityscape being tiled as well? My friend doesn't want that, not to mention he wants the one building that stands out down there to be a hotspot link.
Div's can be layered. You can have your main div, with the cityscape, then another div for your footer. Each can have their own background images and/or contents.

[alias353]

Care to point me in a direction that would explain how to do this? It sounds like just the thing for me...

[alias353]

I was being such a fool. Sorry man. :o

Div. Of Course. Thanks, fixed my problem.