I need my .png fix for IE6 to work with my "smooth scroller"
This is my first time here--if I break any rules, I apologize. :)
I have a site, http://www.camaraphotography.com that renders correctly in every browser except IE6 (shocking, right?).
I have 2 .js files. One for a smooth horizontal scroll with arrows (anchor links), instead of just "jumping" to the link or using the bottom scroller. (js/thw.js)
The other is for a .png hack so the images are transparent in IE6. (js/pngfix.js)
If you view the site in IE6, you will see that the 2 arrows at the end of the navigation are not transparent, and the navigation is not working--it jumps to the section instead of smoothly scrolling to it.
The background in the "About Dave" section is also not transparent.
If I remove the line for the png hack:
I have no transparency, but the page smoothly scrolls and the arrows work. Take a look in IE6: http://camaraphotography.com/index-no-png.html
<!--[if lt IE 7.]>
I'd really like to have it all in IE6, since there are still people using this browser. Is there a solution to my problem?
I can attach files, and/or copy and paste the code here if that is preferable.
Any assistance is greatly appreciated. :)