rectangle curve border is hidden because of div tag

[ashley Jug]

Hello,

i am creating css for a web page basically i have a blue background(image1) and an a white image(image2) on top of the image1. I need to put curve border for image2 so i am using this tag:

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" rx="20" ry="20" width="765" height="121" style="fill:white;stroke:black;stroke-width:5;opacity:0.5" />
</svg>

However when i move the svg tag it is hidden by the other div tag.

Any suggestions please?

Thanks in advance

[Bear Bibeault]

Why aren't you using border radius for the curved borders?

[ashley Jug]

Hello,

I tried to use radius but the feature is not supported in browser ie 8, it is for ie 9. I need it to workfor version ie6 to ie8.

Any suggestions please.

Thanks a lot for the quick response.