Здравствуйте мастера. Вообщем хочу сделать в статье вывод аватарки красиво. Как на Джутс.су . Вот только я не очень пойму как делать. Внизу скину скрины. А коды здесь:

<?

echo ' <div class="tmenu"><img src="'.$us['avatar'].'" alt="." widht="50" height="50"></div>';//Див и картинка аватарки юзера

Стили к тому диву.
.tmenu {
background: url(/images/gr.png) repeat-x #222222;
padding: 10px;
color: #fff;
}
Что делать?

было так с картинкой "Три точки"

Вот так, когда был написан верхний код

border-radius 50% ставь в стиль css
________
посл. ред. 25.03.2018 в 22:54; всего 1 раз(а); by Taru

Ава остается внутри полоски. Мне надо чтобы выходило как на первом скрине

Нашел выход но есть проблема. Вот стили:
.imgm {

position: absolute;
left: 850px;
top: 150px;
width: 74px;
height: 74px;
border-radius: 52px;
z-index: 2;
border: 2px solid rgba(172,206,13,0.8);
}


Когда полный экран все нормально. А вот если уменьшить окошко на пк(хром) то выходит вот такое. Скрин ниже

Вот так при полном экране. Все норм

Вот тут реально проблема. Самому не решить. Помогите

Дело в фиксированой выш
соте и ширине

Эм а что делать?^^"