I'm not sure how to fix that... because it's an issue with centering the page and viewport width. It's been happening on all my designs recently. Basically, if the viewport width is an even number, everything looks fine, and the rollovers work fine. If it's an odd number, then there's an extra pixel floating around, and the hovers don't line up... it's wierd, but I've tested it in about 5 browsers now, and I'm fairly certain that is the issue... I'm just not sure why it's an issue... I must be doing something wrong, since no one else is having this issue, that I know of.
The big test that proves this for me is with FF Web Dev Toolbar. When i resize the window to 1024 x 768, the rollovers align. When I resize the window to 1025 x 768, the rollovers are misaligned by one px. The same holds true for every even and odd numbered pair I tested. Wierd.
Blessings,
Tony
I fixed the rollover issues. Basically, you just can't use the background image as a gigantic sprite when centering, because there will be a pixel play depending on if the viewport is an even or odd number of pixels.
So, tip for the wise. Have a background image, then one really big sprite image on top of that.
Tony
Just wanted to get some feedback on the new design for my music website. This is just a single page, so far, that I'm going to convert into a Drupal 6 theme.
http://dl.getdropbox.com/u/720898/anthonyperomusic...
Thanks, as always...
Blessings,
Tony
Anthony Pero
http://www.myspace.com/anthonypero