Problème d'overflow image

Bonjour,
il me semble avoir déjà vu la réponse à ce problème sur Alsacréations il y a un certains temps, mais je n'ai pas retrouvé le sujet concerné...
Je désire afficher une image qui déborderait de la div qui la contient (par le bas), cette même image est plus haute que son contenant.
Sur Firefox le rendu est satisfaisant mais sur IE l'image étire avec elle la div.

Selon moi problème d'overflow apparement. j'ai essayé rapidement de jouer sur float/align/block/inline ou overflow:auto..., je vois tout et n'importe quoi apparaitre, sauf ce que je veux.

Merci pour vos éclaircissements

Sur Firefox

http://img86.imageshack.us/img86/3719/13pj.png

Sur Internet Explorer
http://img162.imageshack.us/img162/9427/20ox.png
Modifié par Syl (09 Jul 2006 - 01:25)

Je me suis relu... et c'est pas très clair ce que je viens d'écrire

Donc voici le code pour mieux visualiser ^^

HTML

<div class="catHead">
<span class="titre">
<img src="chansons.png" alt="logo news" width="33px" height="32px" align="top" /> Dernier album
</span>
<a id="liam"></a>
</div>

CSS

/* div titre */
.catHead { 
background-image:url(fond.gif);
background-color:#595959;
border:#FFFFFF;
border-style:solid;
height:29px;
font-size:12px;
border-width:1px 1px 0px 1px;
}

.titre {
font-weight:bold;
letter-spacing:1px;
font-size:11px;
color:#006699;
line-height:25px;
padding-left:3px;
}

Merci

Excusez moi de relancer mais vous n'auriez pas une petite idée pour moi ? .

Salut !

Peut-être qu'il serait plus simple de modifier légèrement ta découpe pour que ton image donne le rendu désiré dans une boîte rectangulaire ...

Je m'explique : tu devrais pouvoir contourner le problème en utilisant une image de fond reprenant à la fois le poin d'exclamation, le fond gris clair et la petite bordure plus foncée. La partie que tu souhaites conserver noire restant transparente (--> passage obligé par le format GIF pour IE) ou noire (--> pas de transparence & PNG pour tout le monde).

C'est moins souple, en cas de redimensionnement de la police par exemple, mais c'est AMHA un des moyens les plus simples pour obtenir un rendu cohérent sous tous les navigateurs, sans bidouiller.

Je vais essayer ça avec application...
Dommage qu'on ait pas de solution par le code cependant, mais c'est déjà une idée qui me dépannera grandement.

Merci pour ta réponse Sopo !
Modifié par Syl (10 Jul 2006 - 19:41)