Rounded Corners
Hi, I'm trying to make the corners of this website round: http://www.jointsecretariat.ca/ISR-CBMP/
The top wrapper doesn't seem to take on rounded corners. Here's the code I'm using:
#hgroup-wrap {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
I was successful in getting the bottom corners rounded, but I don't know how to make the background color not show up (appear transparent). Here's the code I'm using there.
#site-generator {
background-image: url("http://www.jointsecretariat.ca/ISR-CBMP/wp-content/uploads/2013/07/ISR-CBMP-Pamphlet-Map-v12-e1384980897708.png");
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
Can you help out? Thanks.