No me funciona una capa con css

[Vane_]

Hola a todos,

Estoy empezando con esto de las hojas de estilo y tengo una imagen en una capa, de este modo:

HTML

Código:

<div id="titulo">
	<img src="imagenes/logo.gif" alt="Logo" name="logo">
</div>

Y en el .css

Código:

.titulo {
	position:absolute;
	top:8%;
	left:6%;
	width:15%;
	height:25%;
	background-color:#003366;	
}

Esto no me funciona, sin embargo, si tengo en el HTML esto otro, hace todo a la perfección:

<div id="titulo" style="position:absolute; left:6%; top:8%; width:15%; height:25%; z-index:1">
<img src="imagenes/logo.gif" alt="Logo" name="logo">
</div>

Qué estoy haciendo mal?