Conflits parents - enfants avec mes Div

Bonjour à tous,

je ne suis vraiment pas très doué en CSS et encore moins quand je dois travailler sur un code CSS que je n'ai pas initialement créé !

Je suis à la recherche de cours ou d'explications pour comprendre mon problème.
J'ai un div parent (A) dans lequel il y a deux enfants, une colonne (B) et un contenu (C)

J'ai une image de fond, associée à A que je répète verticalement. si tout fonctionne avec firefox, avec IE8 quand mon contenu C augmente en taille, l'image de fond ne suit pas. D'un autre côté, j'espère que vous, vous suivez

Je vais poster une image pour être plus clair





Je tenté de trouver des infos avant de poster mais sans succès, vous auriez peut etre des liens à me filer ?

merci !!
Modifié par zakain (18 Feb 2011 - 11:50)

Je pense que c'est une histoire de positionnement, j'arrive à tronquer mon contenu C mais toujours pas à étendre mon background.jpg

Un lien ou un code, peut-être?
Sans quelques indications, il va être difficile de t'aider..

je vais essayer le code, parce que le lien c'est impossible, il s'agit d'un site intranet. J'ai simplifié le code

le html

<div id="corps_type"> // la page (A)

      <div id="menu_activites_type"></div>  // le bandeau gauche (B)
      <div id="conteneur_type"></div> // le contenu (C)
                
</div>

le CSS

#corps_type {   
  background-image : url(../images/corps_ligne_repeat_page.png);
  background-repeat : repeat-y;
  font-size : 12px;  
  background-color: #f0f4f5;
  text-align : justify;
  clear: both;
  float: left;

#menu_activites_type { clear: both;
width : 200px; 
height : 100%;
font-size: 11px;
padding-top : 12px;
float: left;
text-align : left;
background-image: url(../images/menu_activites_type_3.png); 
background-repeat: no-repeat;

#conteneur_type { float: left;
width : 714px; 
margin-top: 0px;
margin-left: 18px;
background-color: #FFFFFF;

}

et voilà !