I am developing a site with free images for artist, develper, whatever.
the ronded corner effects comes out fine in firefox.
but not as nice in chrome.

http://www.iwantanimage.com/buildings/buildings01.html

Is there a good suggestion on how to fix this please?

and this of course it the code that I used.
Code:
#mainPageTable2 img{
width: 288px;
height: 216px;
border: #000000 medium solid;
-webkit-transition: background 3s;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
 
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

-moz-border-radius-bottomright: 30px;
-webkit-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;

-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
}