Limit Product Main Image

[MarcoFox]

So I noticed that when I add a big image to a product, it can actually overlap the whole rest of the template. This is most likely because I am using a artisteer template as base (since I already had to do some ajustments before). A clear example of what is happening can be seen in the following link:

http://www.metro-som.com/online/index.php/pt/home/fado-de-coimbra/coimbra-detail

Granted, that image is way bigger than what it should be, but at least you can clearly see what's wrong with it.

Unfortunatly, I am not that expert on CSS, and tried to fix this by changing the "main-image" from "width:100%" to "width:200px;height:200px" (in vmsite-ltr.css), but I'm pretty sure I'm not doing it right, since the template is still broken. Is there anyway to limit the CSS so it limits the product details image to a certain size in pixels (max-width;max-height)?

Thank you.

[jenkinhill]

http://forum.virtuemart.net/index.php?topic=98647.0

[MarcoFox]

Thank you very much, jenkinhill. That did the trick perfectly.