I am currently working on a project that we are trying to get away from JavaScript rollovers. I found the code for doing CSS disjointed rollovers and I love the effect. However, I am having the problem that my rollover image has to be absolutely positioned for it to work properly. This is a concern due to site visitors not having their browser window maximized makes the image move over the text and rollover-active images. I am trying to find a way to make "floating" disjointed CSS rollovers. The site is http://www.roundtreeyorke.com. Drill down to any product page in either IE for Windows, any current Mozilla/Gecko-based browser for Windows or Safari on Mac and reduce the window size and you will see what I'm talking about. I have tried setting the rollover image to a relative position and it completely messes it up. FYI: I am using a JavaScript to call a different stylesheet depending on your resolution, so if you have JavaScript disabled, the problem won't show up. If anyone has any alternative to this as well, I would love to hear it. I have a stylesheet for 1024x768 and a different one for for 800x600. I am willing to try anything once to see if it works. Thanks, Ashley McWilliams :) ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
