Topic: AutoViewer is way too short in Firefox, IE, and Opera (SOLVED)
I built my photography website around AutoViewer and did all of my testing in Google Chrome (a WebKit-based browser) and everything works perfectly. It also works fine in Safari 5 and on my Android phone, which both use WebKit-based broswers. However I run into problems when trying to view my galleries in Internet Explorer 8, Firefox 3 or 4, or Opera 10.
Here is the URL so you can see it yourself: http://www.jenkinsgallery.com
The problem is that I have my gallery set to automatically resize to 75% of the browser window size, but in the aforementioned browsers the gallery shows up as maybe 10% of the window size. Here is the code I used for that, with the relevant line in bold:
/* hide from ie on mac \*/
/* end hide */
I verified my CSS and XHTML at http://validator.w3.org/ so I am almost positive the problem isn't with my code, but rather with how the browsers are rendering it. Unfortunately, I am not a web designer and this is my first website so I don't know how to remedy this situation so it appears the same across all browsers. Can anyone please help me so it looks the same on every browser?
Thanks in advance.
EDIT: I tried changing the other "height" values to 75% instead of HTML and none of them made a difference, then I changed them all back to 100% and even that didn't render correctly in Firefox, it still showed up as the small size. So maybe the problem is with something else? I still don't know what, though.