[RESOLVED] issues with divs

I’ve been working on this ALL day, and can’t figure out why I’m getting these errors.

this is concerning the footer on my page at [url]http://www.foremostgroups.com/dev/2007corporate/corporate_information3.html[/url]

The footer looks fine on Firefox and IE7, but in IE6 there are a few issues:

1) The ‘site map’ link disappears for some reason, and
2) The ‘container’ div has a border around it, but in IE6, it adds a couple of lines before the end of the div.

I’ve been working on this for 6hours and can’t figure out why this is happening. Does anyone have any ideas?

Here’s the footer HTML:

[CODE] <div id=”footer_div”>
<div id=”footer_legal_notice”><a href=”legal_notice.html” class=”footer”>Legal</a> | <a href=”privacy_notice.html” class=”footer”>Privacy Notice</a></div>
<div id=”footer_copyright”><span class=”copyright”>Copyright &copy; 2007 Foremost Groups Inc. All rights reserved.</span></div>
<div id=”footer_site_map”><a href=”site_map.html” class=”footer”>Site Map</a></div>
</div>[/CODE]

and the CSS:

[CODE]* {position:relative; margin:0; padding:0;}
#footer_div {width:750px; height:18px; background-image:url(../images/footer/bottom.jpg); background-repeat:no-repeat; float:left;}
#footer_legal_notice {width:200px; top:3px; left:5px; text-align:left; vertical-align:top;}
#footer_copyright {width:350px; top:3px; text-align:center; vertical-align:top;}
#footer_site_map {width:200px; top:3px; right:5px; text-align:right; vertical-align:top;}[/CODE]

Thanks so much for any help.

Also in #CSS _↴