Проблема с css и html

[Xorigan]

Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении:

Вот css, который я написал для картинки

div#sermonsauthor  a:hover {color: #363636;}
div#sermonsauthor {
background: url(../img/sermonsfonauthor.png) no-repeat;
width: 770px;
height:263px;
margin:0 auto;
}

div#authorphoto {
width: 223px;
height:223px;
padding:20px;
}

Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor

Вот html код:

<div id="sermonsauthor">
<div id="authorphoto"><img src="/img/IMG.png"></div>
<div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div>
</div>

вроде задача элементарная, только она поставила меня в тупик)

Edited December 5, 2010 by Xorigan

[Vlad]

Надо добавить

#authorphoto {float: left;}

#sermonsauthor {overflow: hidden;}

#sermonstextauthor {margin-left: 243px;}

[Xorigan]

Спасибо большое!!! Только еще написать

div#sermonstextauthor {
padding: 20px;
}

Тему оф пож)