I’ve designed a freebie site for my Church, and, after several redesigns, have resolved some earlier display issues, mainly in IE6.
My current redesign validates in html, and validates in CSS (other than a hack I’ve inserted for IE min & max width properties).
Everything seems to cooperate until I view the site using IE6, and my remote navigation does not display correctly.
Here is the matrix that I’ve created for the remote navigation:
The matrix is pretty straightforward… 4 rows, 4 columns.
Column #1 is the static image, column #2 is the rollover image.
Column #3 is static, column #4 is the rollover image… simple enough.
CSS handles the image, allowing only 1 image load to create 16 separate images, with faster load time.
However, IE6 handles the images oddly by revealing 1 1/2 images (static + 1/2 of the rollover) at the same time.
From what I can see, IE6 is the only browser that does this.
Since it seems to be only specific to ie6, I’m using a js prompt to update.
I despise using js for this, but I’m in real need of finishing this site & making it public, so this will do until a resolution is discovered.
Any suggestions in resolving this issue would be greatly appreciated.