Probleme de CSS pour un blog

Bonjour,

je suis en train de coder un petit blog pour mon site personnel, mais j'ai un gros probleme, quand je met l'image en align=left (donc en flotant) la boite ne s'applique que sur le texte ecrit donc l'image n'est plus entourée. (Voir l'image ci-dessous). Ma question est la suivante : comment faire pour que la boite bleu claire se mette a  la meme taille que l'image quand le texte n'est pas assé long ?


Ci dessous : l'image + extrait de mon fichier CSS + extrait code HTML



MON CSS
========

#ecran_blog
{
    position:relative;
    left:220px;
    width:70%;

}

#blog
{
    background-image:url("./../thm/lightblue_fond-box.png");
    border-width:thin;
    border-style:solid;
    border-color:white;
    left:220px;
    margin:30px;
    vertical-align:top;
}


#blog_text
{
    position:relative;
    vertical-align:top;
    margin-left:5px;
}


#image
{
  float:left;
  padding:5px;
}

CODE HTML
===========
<div id="blog">
          <div id="titre">
            <b><i>&nbsp;&nbsp;<? echo $donnees['titre']; ?></i></b>
          </div>
          <div id="image">
            <img width=200 height=200 src="<? echo $donnees['url_media']; ?>" >
          </div>
          </a NAME="<? echo $donnees['id_news']; ?>">
          <span id="blog_text">
            <? echo $donnees['texte']; ?>
          </span>
          <hr>
</div>
____________________
Ma Quete n'est pas Terminee

Alors la, bravo. merci pour l'aide, je connaissait pas du tout ceci.

____________________
Ma Quete n'est pas Terminee

Salut

mais de rien :)

---

une recherche sur exalead vous aurait peut-etre evite de poser cette question