SOLUCIONAD:Oque no se mueva la imagen y el texto si

[gachon]

Hola muy buenas estoy intentandoo poner una barra de imagen que se repite en x,
y poner dentro de barra las tres banderas de idioma, estoy probando primero con texto, pero se viene para abajo la imagen pero el texto no, pongo el codigo
css

Código PHP:

  .idioma{
    height:35px;
    background:  url(imagenes/idioma.gif) repeat-x top;
}
 
.idioma ul {
    margin-top:10px;
      
}
.idioma ul li {
    
        display: inline;
    margin-left:5px;/*Separar el texto*/
         
        
}
.idioma ul li:hover {
        background-color:#CCCCCC; /* Color de fondo sobre el boton */
        cursor: pointer; /* cambiar el aspecto del puntero */
} 
   

y html

Código PHP:

  <div class="idioma">  
    <ul>  
           <li>Botón uno</li>  
           <li>Botón dos</li>  
           <li>Botón tres</li>  
   </ul> 
   
</div> 
   

el problema esta que el margin-top que pongo en el "ul" se lo hace a la imagen de fondo y yo quiero que se lo haga al texto