help me with IE6/IE7 website compatibility

[stormlifter]

I would really love some help figuring out why my website refuses to look right in IE6/IE7.
I know I have some poor code in there for the "slideshow" type code there and it should all be rewritten, but I don't really know how or have the time right now. I looked around for a jQuery plugin, but can't find it.

The website is: http://tinyurl.com/l22kql
Works fine in Firefox, but IE6/7 hate it pretty bad.

I'd be willing to pay some Paypal money for someone to optimize and get things working.

 

[Titan]

You could try using a reset style sheet. A lot of the problems come from default margins and padding. The reset zeroes everything so you can go from there.

 

[Pacemaker]

I hate to tell you this but it looks worse in IE8 without IE7 compatability mode turned on.

 

[Aluvus]

Originally posted by: Pacemaker
I hate to tell you this but it looks worse in IE8 without IE7 compatability mode turned on.

IE8 w/ compatibility mode looks about the same to me as Firefox 3.0.5. IE8 without compatibility mode is pretty obviously broken, as is Opera, with the "mouseover-able" buttons going below the larger image.

I am not sure why #sRight has float:left. The behavior I'm seeing would imply that the container .slideshow is not wide enough to accomodate both .slideimage and #sRight. Giving #sRight a width of 298 pixels (same as the images that it contains) solved the problem for me in Opera. This solves the most obvious problem, but it's possible I'm missing something else.

Also, an interesting quirk is that in Opera (and so far as I can tell, only Opera), the "mouseover-able" buttons do not cause the mouse pointer to become a hand, indicating a link. Adding the CSS property cursorointer did not seem to have any effect.