Editable Select and Calendar on same page breaks calendar

[cen17394]

I am trying to use the JS Calendar script and the Editable Select Box on the Same page, and I have found a CSS problem that breaks the calendar.

The calendar uses this css:
#calendarDiv .selectBox{
border:1px solid #E2EBED;
color: #E2EBED;
position:relative;
}

and the Editable select box uses this css:
.selectBox{
border:1px solid #7f9db9;
height:20px;
}

How do I go about modifying the Editable select box script to use a DIV such as #selectBoxDiv . selectBox similar to the calendar script so one doesn't affect the other?

Rant follows:
It seems that none of the scripts on this page are consistent in their use of css. This makes it difficult for novice web programmers such as myself to integrate and debug these scripts. Once one script is working, adding another script shouln't break the first.

[Batalf]

[cen17394]