Вопрос HTML+CSS | текст не обтекает картинку, Float присвоен. Скрин и код в описании

HTML
________________________________________________
< div class = " commentsUsers " >
< img src = " images/notation/logos/avatarMan.png " alt = " Man " title = " UserMan " class = " avatarUsers " / >
< div class = " nicknameUser " > User User : < / div >
< div class = " textComments " > Proin nec est eget dui rhoncus maximus eget dignissim nisi. Proin nec est eget dui rhoncus maximus eget dignissim nisi. Proin nec est < / div >

< / div >
________________________________________
CSS
________________________________________
.commentsUsers {
float: left;
margin-top: 10px;
width: 100%;
border: 1px solid #000;
}

.avatarUsers {
margin: 0px;
float: left;
width: 100px;
height: auto;
}

.nicknameUser {
margin: 5px 0px 0px 3px;
font-weight: bold;
font-size: 1em;
color: #333435;

} /***Даже если тут присвоить Float:left, ничего не изменится***/

.textComments {
float: left;
font-size: .8em;
}
//otvet.imgsmail.ru/download/53357545_4721ea5d49739ca3dc31eca63e75d396_800.png