¿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