остановить изменение размера родительского блока div с помощью css

http://jsfiddle.net/ETkkR/

    

    
        

            post title post title post title
        
    
    

    
                

            post title post title post title
        
    
        
​

Раздел div.post- info в некоторых случаях (изображения, ширина которых больше содержимого div.post-info) соответствует родительскому div.post, однако иногда ширина div.post-info больше, что влияет на родительский div.post, изменяя его размер. как я могу сделать так, чтобы div.post-info соответствовал ширине div.parent и не изменял его размер, если он больше.

мой 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;
}​

Редактировать

ВЫ МОЖЕТЕ ИЗМЕНЯТЬ ЭЛЕМЕНТЫ, ЕСЛИ СОДЕРЖИМОЕ ОСТАЕТСЯ ОДНИМ, ЧТОБЫ СОЗДАТЬ РЕШЕНИЕ люди продолжают давать решения, которые не подходят для того, о чем я спрашиваю... мне нужно, чтобы дочерний элемент div .post-info не был больше, чем ширина родительского элемента .post