Images not Displaying Correctly

[DataMouse]

Guys

 

I have a site at http://babyspectrum.com which is having a bit of an image crisis.

 

If you go to a product page (http://babyspectrum.com/bebe-changing-station-p-35.html), the product image displays differently in different browsers.

In Firefox (1.5, 2 and 3) is displays correcty.

It also has the "this product was added" line lower than the "Click to Enlarge" line - as it should do.

 

However, in IE (6 and 7), the image appears to have been cut off and the "click to enlarge" is missing.

If you look at the page source, the text is there (I assume it'sbehind the button).

 

How can I correct this?

I'm 99% sure it's CSS related - it's not related to Lightbox, as I have removed this and it still plays funny buggers.

 

Any takers (please, please, please) :)

 

DM

[DataMouse]

OK. I tried removing Lightbox completely - no change.

The only other change that I've made to the products_info.php file is to allow large preview images.

 

The source can be veiwed as a text file at http://babyspectrum.com/example.txt.

If you preview this in FF, it works great. In IE, it still has the same issue.

 

Can anyone help? I'm losing hair over this now :)

[DataMouse]

Okey doke - we have a winner.

If anyone else is searching for the same issue, I've fixed it.

 

The problem is caused by a lack of content. Once a description is in, the "smalltext" CSS attribute ensures that the contents' font style moves the image correctly.

Tested in Safari, Netscape, Mozilla, FF and IE without issues.

I thank you

:)