Pad or move/space a select box in a css file

[ismailc]

Hi,

I've changed an existing xslt file, i found this css file but now the css object is not aligned with the other objects - i checked the other objects they are calling templates.

I have added the code in <td align-'left'> but the objects are out by a space to the css object i added:

How do i add a space/move the select box up by a space!, not the text of the selectbox but the entire object

The CSS File

*{padding-left: 100px;}
.dhx_combo_img{
    position:absolute;
    top:-1px;
    right:-1px;
    width:17px;
    height:20px;
}
 
.dhx_combo_option_img{
    position:relative;
    top:1px;
    margin-left:2px;
    left:0px;
    width:18px; height:18px;
}
 
 
.dhx_combo_input{
    color:black;
    font-family: Arial;
    font-size: 8pt;
    border:0px;
    padding:2px 2px 2px 2px;
    position:absolute;
    top:0px;
}
.dhx_combo_box{
    position:relative;
    text-align:left;
    border:1px solid #CCCCCC;
    height:20px;
    _height:20px;
    overflow:hidden;
    background-color: white;
}
.dhx_combo_list{
   position:absolute;
   z-index:30;
   overflow-y:auto;
   overflow-x:hidden;
   border:1px solid #CCCCCC;
   height:70px;
   font-family: Arial;
   font-size: 8pt;
   background-color: white;
}
 
.dhx_combo_list div{
    cursor:default;
    padding:2px 2px 2px 2px;
}
.dhx_selected_option{
    background-color:navy;
    color:white;
}
 
 

[Death Slaught]

Please post your HTML, without it we can't see the your CSS is styling.


Have you tried

margin-bottom:0px;

Thanks, Death