First of all. add a doctype and html tag above the <head> tag:-
You could use the XHTML 1.0 Strict doctype instaed. If you use the HTML 4.01 doctype the closing tag for the img tag should be > not /> and if you use the XHTML doctype the closing tag for the stylesheet link should be /> not > The above doesn't cure the problem, it's just information.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
For the image in IE you need to delete the height for the img tag:-
It then worked in my IE7.
<div id="apDiv1"><img src="images/dot1.png" width="554" /></div>
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.