The calendar day labels and the border :-(

If anyone could enlighten me with some CSS Zen I would be very
gratefull.  I'm trying to get a border just around the top header
section of the calendar.  Like:

------------------------------
| <<         June         >> |
| Su  Mo  Tu  We  Th  Fr  Sa |
------------------------------

Though from the screen shot you can see that I get:

------------------------------
| <<         June         >> |
  Su  Mo  Tu  We  Th  Fr  Sa 
------------------------------

Now I can get borders around each weekday label:   

-----------------------------------------
| <<         June                    >> |
| Su ||Mo || Tu || We || Th || Fr || Sa | 
-----------------------------------------

With

.ploneCalendar .weekdays td {
background-color: #F5F5F5;
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
border-style: &dtml-borderStyle; none &dtml-borderStyle;
&dtml-borderStyle;;
text-align: center;
padding: 2px;
}

Don't want that :-(

So I thought I could do this 

.weekdays {
border-left: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderColor;;
border-right: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderColor;;
}

And also tried

.ploneCalendar .weekdays {
border-left: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderColor;;
border-right: &dtml-borderWidth; &dtml-borderStyle;
&dtml-globalBorderColor;;
}

However they don't do anything :-(


TIA


Jet