¿por que no funciona esto? oculto div pero su contenido no lo hace mm

[minombreesmm]

miren el css
del boton

Código CSS:

#Arrastrar{
background:#AFDFEF;
 padding:7px;
 font-size:12px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#Arrastrar:hover{
background:#3999CC;
 padding:7px;
 font-size:12px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color:#FFFFFF;
}
 

del div que contiene el boton

Código CSS:

#ularrastrar
{
margin-left: auto;
margin-right: auto;
display: block;
position: fixed;
width: 60px;
height:60px;
botton: 150%;
top: 350px;
left: 12px;
float: left;
 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 
color:#0000FF;
 
padding: 0 0 2px 0;
z-index: 100;
} 
 
#ularrastrar:hover
{
width: 600px;
height:600px;
display: block;
 
}
 

hasta le puse z-index 100 para que funcionara..

el codigo html

Código HTML:

<ul id="ularrastrar">
 
    <input name="" id="Arrastrar" type="button" value="Dejar de arrastrar"/>
 </ul>
 

esta claro que eso indica que el boton esta adentro del contenedor.. debe ser como los groupbox de punto net, osea es logico mmm por que tiene que funcionar de otra manera aqui.
cambie position a relative y tambien el tamaño del div y nada,, todo igual
¿que podra ser?
de antemano gracias

[pitufoweb]

Hola,

Al final no entendí cual es tu problema. Lo único que puedo hacer es recomendarte que leas un manual básico de HTML y de CSS.

http://librosweb.es/



Saludos

[Triby]

Aparte de que tienes botton en vez de bottom, normalmente ocultas elementos con la propiedad display o visibility.