CSS and the calendar

On my site, for the sidebar, on the CSS I have the following:

.nav p{
margin-top: 0px;
background-color: #D3E3F3;
border: 1px solid #D3E3F3;
border-radius: 10pt;
-moz-border-radius: 10pt;
padding: 0px 2px;
}

so all paragraphs show up in a light bue box with rounded corners.
I want that same thing to happen with the calendar. I tried putting the calendar inside paragraph tags so that it would show up inside the box with rounded corners. That didn’t work. So I added this to the CSS:

#wp-calendar{
margin-top: 0px;
background-color: #D3E3F3;
border: 1px solid #D3E3F3;
border-radius: 10pt;
-moz-border-radius: 10pt;
padding: 0px 2px;
}

and it shows up as if the CSS had no effect on it.
How do I make it show up like I want it to?