Hi, I'm redesigning my site & have created the main new design test page, but when I created a different test page for another section of the site, my footer disappears in IE but shows in Firefox.
The only change in the footer from the first page to the 2nd is I removed an image (that's required on my homepage for an online writing group I'm in).
Here's my footer html in page 1 where it shows fine:
<div id="footer">Copyright © 2004 Brenda Barnhart and <span><a target="_blank" href="
http://www.dreamscapewebdesigns.com">Dreamscape Web Designs</a></span>. All rights reserved. <span><a href="/site/disclaimer.html">Disclaimer</a></span> | <span><a href="/site/privacy.html">Privacy Policy</a></span><br /><br />
<span><a href="/about/wosib.html"><img alt="To my WOSIB membership page" src="/images/wosib/wosib_app_redfairy.gif" border="0px" /></a></span></div>
The part in green is the only part removed from the other page, so the new footer is like this:
<div id="footer">Copyright © 2004 Brenda Barnhart and <span><a target="_blank" href="
http://www.dreamscapewebdesigns.com">Dreamscape Web Designs</a></span>. All rights reserved. <span><a href="/site/disclaimer.html">Disclaimer</a></span> | <span><a href="/site/privacy.html">Privacy Policy</a></span></div>
But in IE, the footer isn't showing. The page in question:
http://www.brenniesdreamscape.com/test_poems.html The original page with the code with the image:
http://www.brenniesdreamscape.com/new_design.html Can anyone help me figure this out? The CSS for the footer is:
#footer {
position:relative;
left:auto;
width:730px;
text-align:center;
font-size:9px;
color:#d8ebff;
padding-bottom:10px;
}
Any help is greatly appreciated!
~Brennie