CSS: Arrêter la div et img à partir de chevauchement

J'ai un personnage avec une img à l'intérieur flottant à droite et un div.
Mon code html est

<div>
<figure id="fig">
<img src="img.jpg"></img>
<figcaption>Caption</figcaption>
</figure>
<div id="inner">
Blah Blah Blah
</div>
</div>

Mon div css est

#inner{
text-align: center;
width: 70%;
margin: auto;
padding: 1% 5%;
}

et ma figure css est

#fig{
width:162px;
height:277px;
margin:auto 7px auto 7px;
float:right;
}

et mon img css est

img{
width:162px;
height:277px;
}

Mon div est en vertu de la figure. Le problème, c'est que la div de largeur est de 70% et si le chiffre vient en face de lui, il ne marche pas savoir. Je veux la div à 70% de l'espace - la figure.

Montrez votre code html.
pouvez-vous poster un peu plus de code complet, votre css pour cet article et votre code html

OriginalL'auteur usama8800 | 2013-07-26