Created Unassigned: Calendar Extender CSS Override breaks Year/Month selection [27681]

I restyled my calendar extender to work better for mobile devices with the following CSS:

```
.ajax__calendar_container {width:325px !important;font-size:14px !important;}
.ajax__calendar_body {height:279px !important;width:305px !important;}
.ajax__calendar_days {height:279px !important;width:305px !important;}
.ajax__calendar_day {height:29px !important;width:40px !important;font-size:14px !important;padding:12px 0 0 0 !important;text-align:center !important;}
.ajax__calendar_dayname {padding:2px 0 2px 12px !important;font-size:14px !important;}
.ajax__calendar_months,.ajax__calendar_years {background-color:white;}
.ajax__calendar_year,.ajax__calendar_month{font-size:13px !important}
```

That worked fine in terms of creating a large calendar with easily clickable buttons for fingers on a tablet; however, it has broken the use of the Year/Month drop-downs.

Here is what it looks like with the overridden CSS from above:


When you click the month/year header at the top of the calendar, you get a drop-down month menu:


When you click again on the header, you get a further drop-down for the year:


Now, if you click a year, then click a month, these two drop-down panels roll back up just fine ... no problem. However, if you skip clicking a year and click directly on a month, the year drop-down rolls up as expected but the month drop-down stays in position. The month drop-down sits there floated over the calendar days. It does set the correct month/year, but it freezes in this position.


I hope the devs will consider changing the way the Year-Month selection works so that they will not break with a larger calendar, which will be required for mobile devices without a keyboard ... or let me know if I've done something wrong on my end with the CSS. Thanks --