<div> changent de position, réduction fenêtre

Bonjour,

Je me lance dans la création web et je suis actuellement en train de m'occuper du design, et j'ai un problème.

Voila, j'ai une structure de cette forme (schéma simplifié):

https://imageshack.com/

Avec une résolution de 1366 px par 768px, avec ma fenêtre firefox au max, la page s'affiche parfaitement. J'ai utilisé width avec un pourcentage donc quand j'agrandi ma fenêtre, je ne subit aucuns problèmes, jusqu'au moment où j'essaye de réduire celle-ci, et là, c'est le drame.

La structure prend à présent cette forme (schéma simplifié):

https://imageshack.com/

J'ai vraiment essayer plein de choses en ne sachant pas vraiment ce que je faisais, notamment concernant la balise CSS "position", je n'arrive pas à comprendre son fonctionnement. Mais je sais pas si c'est le véritable problème.

C'est peu être un problème simple (surement), mais je suis dans une impasse.

je vous met mes deux <div> qui me posent problèmes.

#contenu_droite{
	position:relative;
	width:25%;
	min-width:200px;
	float:right;
	height:auto;
	margin-right: 10px;
	margin-top:15px;
	margin-bottom:10px;
}

#contenu_gauche{
	position:relative;
	width:65%;
	min-width:600px;
	float:left;
	height:auto;
	margin-right: 10px;
	margin-top:15px;
	margin-left: 50px;
	margin-bottom:10px;
}

Merci d'avance pour votre précieuse aide.