IE Blackout?!?

[SpeedRazer]

So I've been trying to create a gallery page that could use larger thumbs to then connect to a handful of galleries. Thanks to Denise, I was able to rework much of what she's done on her site to get the page/gallery where I wanted it. I was using Firefox webdev to work on the alignment and layout and everything looked great until...I went and opened the page in IE! Ugh. My beautifully square "larger-than-life" thumbs are not displaying. This is true whether or not I'm logged in.

If anyone's brave enough to look through the pet cemetery that my code has become and thinks they can figure out why this is happening, I'd REALLY appreciate it. Here's the link:


http://www.pixelboximages.com/gallery/8062684_bLTSE


Many thx,
Dylan

[jfriend]

What version of IE are you looking at it in? It displays fine for me in FF3, Safari and IE7.

I do see one HTML error. You have a <div id="albumDescription"> inside the Smugmug <div id="albumDescription">. You can only have one object with a given ID in any document. I think you can just remove your <div id="albumDescription"> and the corresponding </div> at the end.

Some versions of IE also like to have

border="0" as an attribute on each image or they will show a blue border by default. Off the top of my head, I don't see any other issues.

[SpeedRazer]

Thx, John! I'm using IE6 at home and in the office and they're both displaying the behavior. I did fix the HTML error you mentioned by taking it out of the Album description code, but that didn't fix it either. Will investigate the IE6 part of the equation in the morning.

Thx again,
Dylan

Couldn't let it go...I removed this from the CSS and it reappeared in IE:

#myCategoryPage {
position: relative;
margin-left: 80px;
margin-right: 80px;
min-width: 780px;
width: auto;
}

Now I have to fix some alignment issues, but can you explain why this was an issue? I'm really too tired to look at this anymore this evening. =)