http://jsfiddle.net/ETkkR/

<div id="Blog1">
    <div class="post">
    <img src="http://dummyimage.com/180x120/000/fff" alt="Image 1" title="This is my first image"/>
        <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>
    <div class="post">
    <img src="http://dummyimage.com/175x104/f0f/fff" alt="Image 2" title="The second one is pretty"/>
                <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>        
</div>​

O div.post-info em alguns casos (imagens de largura maior que o conteúdo do div.post-info) ajusta o pai div.post, entretanto, às vezes a largura do div.post-info é maior tendo um efeito no div pai. postar redimensionando-o. Como posso fazer o div.post-info ajustar a largura do div.parent e não redimensioná-lo se for maior.

meu css

#Blog1{
    padding:10px;
}
#Blog1 .post{
    border:1px solid #000000;
    margin:3px;
    text-align:center;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.post img{
    height:100px;
}
.post .post-info{
    text-align:left;
}
.post .post-info span{
    word-wrap:break-word;
}​

Editar

VOCÊ PODE MUDAR OS ELEMENTOS ENQUANTO O CONTEÚDO PERMANECER MESMO PARA CRIAR UMA SOLUÇÃO as pessoas continuam dando soluções que não são adequadas para o que eu estou pedindo ... o que eu preciso é que o filho div .post-info não seja uma largura maior que a do div.