Пытаюсь поставить текст из двух строк перед картинкой, причем он должен быть выровнен по высоте по середине картинки и по ширине правому краю картинки и иметь от него небольшой отступ. Но почему-то получается, что текст ниже картинки и ушел влево (скриншот).

Сама картинка должна быть выровнена по центру.
При этом картинку нельзя делать фоном, поскольку сайт имеет резиновую верстку. Перепробовал все способы, что нашел в сети, в том числе и z-index, но почему-то не получается...

	<div style="display:table; margin:1% auto; width:100%; text-align:center;">
    
        <div style="display:table-row; vertical-align:middle; ">
         
            <div style="display:table-cell; background-color:#C3C; width:80%;  ">
            Сайт <br /> является<br /> средством массовой информации
            </div>

            <div style="display:table-cell; background-color: green; width:20%; position: relative; ">      
				<div style="width:50%; margin:auto; ">
				<img src="/88-31.gif" style="width:100%; height:auto;"></div>
                
				<div style="font-size:9px; text-align:justify; padding-right:4%; position:absolute;">Строка 1 <br /> Строка 2</div>
			</div>


        </div>
	
	</div>

Если хотите использовать position:absolute то и позиционировать надо с помощью
left, right, top, bottom правда не знаю как это скажется на резиновости.