Div flottant sur image

Bonjour,

Voici un problème sur lequel je m'arrache les cheveux depuis hier :



L'idée c'est que le bloc rouge contient une image, et est en flottant droite.
Le soucis vient du petit bloc bleu (qui contient aussi une image) qui doit se trouver à 5 px des bords.

La taille du bloc rouge est évidemment variable, ainsi que son positionnement par rapport aux bords de la page.

Si quelqu'un a une idée je suis prenneur.

Merci.

Montres nous ton code qu'on puisse t'aider, parceque là c'est light comme indice ^^
Modifié par bout-de-papier (22 Nov 2006 - 11:16)

le css :

#conteneur {
	width: 600px;
}
#img {
	float: right;
	height: auto;
	width: auto;
}
#coin {
	position: relative;
	left: 5px;
	bottom: 5x;
}

le html :

<h1>titre de longueur variable</h1>
<div id="conteneur">
  <div id="img">
  <img src="image_principale.jpg" width="200" height="200" />
       <div id="coin">
       <img src="coin.png" width="10" height="10" />
       </div>
  </div>
</div>

Mon principal problème étant que la taille de l'image est variable et que le bloc "img" peu descendre en cas de titre long...
Modifié par ulysse (22 Nov 2006 - 14:01)

J'ai résolu partiellement le problème en utilisant ce css

#img {
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: auto;
	width: auto;
}

#coin {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

En revanche, il subsiste un problème sous IE, ou le bloc "coin" se positionne 2 ou 3 pixel trop bas...