Позиция текста по отношению к картинке в блоке <div>, CSS

[FINoM]

Приветствую.
Вопрос из рубрики "не получается".
Всё выглядит довольно просто: нужно в <div> положить текст, состоящий из двух-трех строк по паре слов, выровнять по правой стороне, и картинку, которая выравнивается по левой. Блок должен быть со стилем background и и иметь нефиксированную высоту (height:auto; ). Так-же он должен быть внутри другого блока (div'a). Обязательно использование css для решения этой задачи.

<div class="a">
<div class="b">
<img src="#">
<p> <a href="#"> ссылка </a></p>
<p> <a href="#"> ссылка </a></p>
<p> текст </p> <!-- <p> использовать не обязательно, но лучше с ним. -->
</div>
</div> 

Выглядеть должно примерно так:

Экспериментировал как мог, но ничего не привело к желаемому результату. То картинка вылазит из бэкграунда, то текст ниже картинки... Тестировал на IE7, Opera9, FF3.
...Легко, правда? Но сегодня решил обратится к преподвавтелю по верстке, думая, что просто что-то недоучил. Оказалось эта задача не такая простая, как казалось бы, даже для неё.
Обязательным требованием является корректная работа в большинстве современных броузеров и использование css.
Пожалуйста, не предлагайте альтернативных решений, типа таблиц и яваскриптов.
Заранее огромнейшее "благодарю".

[uberchel]

Во! держи.

  <style type="text/css">

   #div1 {
   	background: #333 url(картинка); 
       width: 30%; 
	padding: 5px;
}
   #div2 {
  	background: #fff url(картинка) no-repeat; 
  	width: 60%; 
  	padding: 10px;
}
  </style>


  <div align="right" id="div1">
  <div align="left" id="div2">
  <p><a href="#">ссылка</a></p>
  <p><a href="#">ссылка</a></p>
  </div>
  </div>

[FINoM]

uberchel, спасибо, но

 background: #fff url(картинка) no-repeat;

Не подходит. Надо именно img'ом, так как таких блоков будет много и с разными картинками. Так-же очень желательно отказаться от атрибутов HTML тегов типа align и других.
Еще на картинке, приложенной выше блок с рамкой и фоном - это второй div, в html коде - class="b" (первый, второй - это условные обозначения, так как сайт имеет большую таблицу стилей и сравнительно сложную структуру, построенную на тех-же div'ах).

[Red Africa]

в css напписано следующее:

td.Form_Caption
text-align: center;
font: bold 16px Verdana;
color: #FFFFFF;
background: #DCDCDC;
border: 1 solid black;
width: 100;
height: auto;
vertical-align: middle;
padding-top: 5;
padding-bottom: 5;


но border: 1 solid black;
не применяется...
Почему?