i'm trying to make some kind of template with curved rectangles like this image. I would like to know if its possible to make div with rounded rectangle like this. I would like it to be compatible with most of browser like ie8+ etc.
Fundamentally, the answer is no. There are no polygonal HTML elements. The layout of HTML documents is all based on rectangles. With HTML 5, there are ways of manipulating the page content to achieve nearly any visual effect you want, but backward compatibility in this area pretty much begins with IE9.