Mac Safari Image Width, Height %

[sqlnoob]

Hi I have a problem with image width and height. Apparently the images are the correct size on a windows computer, with the internet explorer, firefox, chrome or safari browser.

 

But the height is wrong on a mac computer using the safari browser.

 

The uploaded images on the server can be of any size. The visitors screen resolution varies, so that's why I set the width in percentages, because I don't want the picture being wider than 50% of the page. I see that picture is distorted in safari using a mac computer. The width is correct, but the height is wrong. The safari browser doesn't want to get the height in percentages for some reason.

 

How do I solve this?

 

CSS CODE:

 

IMG.zooma {width: 50%; height: 50%;}
DIV.edger {padding: 10px; border-style: solid; border-width: 1px; border-color: #000000;}

 

PHP CODE:

 

<DIV class='edger'>
<P>
<A HREF='fotoview.php?photo=".$photoid."&zoom=full'>".$photonom."</A>
</P>
<A HREF='fotoview.php?photo=".$photoid."&zoom=full'>
<IMG src='pictures/".$photofile."' border='0' class='zooma'>
</A>
</DIV>

[sqlnoob]

it was {width: 50%; height: auto;}