Is it possible to have a non-rectangular div?

Question

I need to shape ONE div tag in the following shape:

Is it possible to make it cross browser? I don\'t necessarily need rounded

Answer 1

No. Divs are ALWAYS rectangular. You could fake it in a number of ways (using a background image would be one option).

As for using two DIVs, sure you could. The hover could be done with CSS3 and child selectors of a parent div or you could JavaScript to change the class of both divs when hovering over either one of them.