Combobox issue - List position and conflict with other combobox

See more:

ASP.NET

combobox

Hye..

Im using 4 combobox which is vertically positioned.

The problem i am facing now is:

1) Combo box list are not at the right position.

I've tried css below but somehow the second problem come out.

<style>
         /* AJAX Combo Box Styles - HACKS here for item list */
.CustomComboBoxStyle table
{
    margin-bottom:3px!important;
    top:0px!important;
  }

.CustomComboBoxStyle
{
   position:relative;
    line-height: 10px;
    }

.CustomComboBoxStyle ul
{
    position:absolute ! important;
    left:2px ! important;
    display: block;

    }

/* Chrome - default */
.CustomComboBoxStyle ul
{
    top:2px ! important;
}
/* Firefox */
@-moz-document url-prefix() {
        .CustomComboBoxStyle ul {
        top:22px ! important;
    }
}
/* IE 8 + 9 */
.CustomComboBoxStyle ul
{
    top:15px \0/ !important;
}


        </style>

2) When implementing the css above, the position of combobox list is perfectly position.
BUT, the list will hide behind the combobox below it.

Question:

How can I change the css style to solve these 2 problems?


Thanks.