I have just uploaded a new site which has been created using Dreamweaver CS4 for Windows. There is no problem viewing the site in IE 8, or in Firefox.
The site is basically a gallery of images. For some of the main images I've used little magnifying glass 'plus' symbols, which are simply linked rollover png images that take you to a larger version of the image. In IE7 (and I presume in older versions too) these little symbols aren't displaying in the correct position on each of these pages, they've jumped and are incorrectly displaying over the top, left corner of the main image.
Here's the link:
Firstly, why is this happening in IE7 and yet all's fine in IE8 or in Firefox, and secondly, can anyone tell me how to fix it please?
(I was going to attach the corresponding CSS file but don't see an attach file button.......)
Hi Cristian, thanks for responding so speedily!
On the homepage, click on the 'diagrammatic' thumbnail for example, then click on the 'volcano' thumbnail, when the volcano page appears, you should see the little magnifying glass plus rollover image under the main image to the right. As I said, on these specific pages, in IE 7 the symbol jumps to the top left of the main image.
For your info, I have seen this problem on my older XP pc, which runs IE 7. All is fine on my newer Vista pc, which is using IE8 & Firefox.
You have some orphaned </div> tags which may be causing problems with your layout. Try fixing your code errors and see if that helps.