Categories are centered in IE but not in Firefox

[screamingbrainman]

I'm helping a friend out with her website and I'm relatively new to coppermine so I need some help.  I made her a simple theme but for some reason the Categories are centered in Internet Explorer but are fine in Firefox.  Is there anyway to stop making internet explorer center the categories? 

Here's her website so you can see what I'm talking about. 
http://foreverrockindivas2.blackapplehost.com/gallery/

We'd both appreciate any help. 

[Hein Traag]

You need to upgrade first. Badly. Running <!--Coppermine Photo Gallery 1.4.9 (stable)--> is not a good idea.
And some screenshots to visualize the problem would be nice as wel.

[screamingbrainman]

Ok upgraded her to 1.4.21 is that good enough?  I think I upgraded correctly.  But in the screen shots I've attached is what the problem is.  Internet Explorer centers the Catergory while firefox doesn't.  My friend doesn't want it to be centered at all.

[Joachim Müller]

The advert injected by your free webhost renders the HTML invalid and subsequently send IE into quirks mode. If you can, make your webhost stop injecting

Code Select Expand

<div align="center"><br />
  <a href="http://www.blackapplehost.com" target="_blank">Free Web Hosting</a> by BlackAppleHost.com</div>after

Code Select Expand

</html>or make them inject it in the proper place (before the closing </body> tag would be the right place).
Your gallery looks fine using Firefox and all similar Gecko-driven browsers, so this probably is an issue for IE only, which is something I can't help you with, as I'm on Linux. The only recommendation I can give is: make your output validate to make your site look identical in most browsers. There seems to be an issue as well with the nesting of your table tags, which will lead to misalignment in most cases. Again: make your custom theme validate and this should go away.

[screamingbrainman]

The advert injected by your free webhost renders the HTML invalid and subsequently send IE into quirks mode. If you can, make your webhost stop injecting

Code Select Expand

<div align="center"><br />
  <a href="http://www.blackapplehost.com" target="_blank">Free Web Hosting</a> by BlackAppleHost.com</div>after

Code Select Expand

</html>or make them inject it in the proper place (before the closing </body> tag would be the right place).
Your gallery looks fine using Firefox and all similar Gecko-driven browsers, so this probably is an issue for IE only, which is something I can't help you with, as I'm on Linux. The only recommendation I can give is: make your output validate to make your site look identical in most browsers. There seems to be an issue as well with the nesting of your table tags, which will lead to misalignment in most cases. Again: make your custom theme validate and this should go away.

Tried the first thing you said.  It didn't work.    But with the validator,  how exactly do you do that?  Do you do it for each theme?  Or just for the main gallery page?

[Joachim Müller]

Erm, what? The usage of the validator should be quite self-explanatory. You have one theme, validate that. Should be enough work for you.

[screamingbrainman]

Nevermind I figured it out.  It was something really simple I overlooked.  A table was aligned to the center when it should have been aligned to the left.