加载gif重叠

Question

我目前需要对此问题提供一些帮助。我想将加载的gif放在下拉列表上方。

这是下拉列表和加载gif的CSS。

下拉

.form-horizontal .control-group {

  position: relative;
  z-index: 0;
  *zoom: 1;
}

这是加载图片的代码

.uiGridLoading,
.uiOtherLoading
{
    position: absolute;
    bottom: 11px;
    right: 11px;
    left: 11px;
    top: 53px;
    background: #ffffff;
    /*z-index: 900;*/
}

.uiOtherLoading
{
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;

}

div.uiGridLoading-outer,
div.uiOtherLoading-outer
{
    display: table;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}

div.uiGridLoading-inner,
div.uiOtherLoading-inner
{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

span.uiGridLoading-text,
span.uiOtherLoading-text
{
    text-align: center;
    background: url('/img/progress.gif') top center no-repeat;
    padding-top: 47px;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    min-width: 32px;



}

As you can see the gif loading image is behind the drop down. I know z-index is not the problem