IE does it 'my way' again...

Question

Hi-
  I'm on DW CS4 here. I added some javascript to my photo gallery to open photos into a new smaller window.
It works fine (can you guess?) in all browsers except IE 6,7 and 8. The window opens but the photo content seems to align to the right rather than be correctly centered like it is on Every Other Browser (Firefox and Safari at least).
Here's the url:
http://www.frankbright.com/index1.htm
I appreciate any pointers - I did go through the trouble to use Divs and to take out the tables on all my photo pages.
Many Thanks, Frank B.

Answer 1

You have a couple errors that I see.
-  It's always a good idea to keep a doctype defined on every page.  There is none defined on the pop-up pages.
-  line 43 - you have the following code <div><a> then on the next line you have a proper <a> link delete that <a> on line 43 because there is no closing tag to match and you cannot have an a tag inside another a tag.
-  In your PhotoBackground.css document, line 17, "a: visited" needs to be re-written as "a:visited" the space will cause errors.
-  For your container move the width before the margin declaration.  Many browsers read things in a top to bottom order, so without a width defined before the margin, the browser can think that the container div has a 100% width (default) and tries to center and then applies the pixel width you have defined after causing different looks in different browsers.
See if that helps.