posicionar objeto independiente del contenido

[catpaw]

que tal gente

tengo unas cajitas que tienen enlaces y les quiero poner un boton en la esquina inferior derecha que se quede en posicion absoluta ahi sin importar cuantos enlaces haya en las cajitas algo asi:



y resulta que lo que pasa es que por ejemplo si hay muchos enlaces el boton se posiciona de acuerdo al ultimo enlace, queda algo asi:



este es el css

Código:

#cajas_atajos{  //Esta es la caja (color negro)
	background-color:#FFF;
	display:block;
	float:left;
	text-align:left;
	font-size:12px;
	width:332px;
	height:200px;
	margin:2px;
	padding:5px;
	line-height:15px;
}
#cajas_atajos .ver_cat{ //esta es la clase del boton (color rojo)
	padding:2px;
	border:1px solid #999;
	margin-top:40px;
	margin-left:285px;
	cursor:pointer;
	font-size:10px;
	position:absolute;
	z-index:1;
}
#cajas_atajos ul{ //los enlaces los pongo en lista (color azul)
	margin-top:5px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: circle;
	color:#C30;
}
#cajas_atajos li{ 
	margin-left: 1.2em;
}

gracias de antemano

[jorgeabreo]

Hola,

Prueba dándole un top, por ejemplo

Código CSS:

top: 100px;
 

Creo que por eso es que no se posiciona, prueba y nos cuentas,

Saludos,

[cristian_cena]

No se ve la primer imagen.
Prueba con:

Código CSS:

#cajas_atajos{
position:relative;
/*...etc...*/
}
#cajas_atajos .ver_cat{
position:absolute;
right:25px;
bottom:25px;
/*...etc...*/
}
 

[IsaBelM]

padding:2px;
border:1px solid #999;
margin-top:40px;
margin-left:285px;
cursor:pointer;
font-size:10px;
position:absolute;
position: relative;
top: 190px;
left: 215px
z-index:1;

lo que está en rojo es eliminarlo y lo que está en azul es añadirlo (los valores de top y left en una mera estimación)
el elemento ver_cat ha de ir antes de la lista

necesitas leer sobre la posición absolute y relative