div que no se comporta como enlace

[etanol]

Hola a todos:

Veran, mi problema es que tengo un div con unos elementos de imagen y párrafo y quiero que cuando se pulse encima de este div vaya a un enlace.

Lo que he conseguido a través de display:block es que se comporte como bloque solamente en dirección horizontal, pero no toma al div completo.

Este es el código:

Código CSS:

div.contenedor { 
width: auto; 
background-color: #EBF2FE; 
} 
 
div.contenedor p { 
padding: 5px; 
color: #000FFF;
width: auto; 
 
} 
 
div.contenedor a { 
width: auto; 
height: auto;
text-decoration: none;
display: block;
} 
div.contenedor a:hover { 
width: auto; 
text-decoration: none;
display: block;
 
}
 

Código HTML:

<div class="contenedor">
<p>este es mi texto</p>
<a href="index.php"><img src="imagen.jpg"></a>
</div>
 

El div contenedor se tiene que comportar como un bloque para que al pulsar encima de cualquier área de éste nos lleve al enlace index.php

Muchas gracias