Hi,
i am trying to solve an issue with round corners on images, but i only achive positive reults on Safari and Google Chrome. Mozilla's FireFox and the IE browser still hate me, any idea what to do?
currently i am using the following code:
#content img.alignleft {
display: inline;
float: left;
margin: 4px 12px 12px 0px;
behavior: url('border-radius.htc');
-moz-border-radius: 20px 0px 0px 20px;
-webkit-border-radius: 20px 0px 0px 20px;
-khtml-border-radius: 20px 0px 0px 20px;
-o-border-radius: 20px 0px 0px 20px;
border-radius: 20px 0px 0px 20px;
}
As is said it works fine on SF and GC, but for the order browser, especially Firefox and IE7/IE8 just use this option on <div> but not on the image attribute.
I really thought this great guide is THE solution for all the problems: http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
But it failed on the image tag.
Still it works perfectly on the <div>-section.
Any idea/help? Maybe with jQuery? or something else? Thnxs in advance for your support.