Как отключить смещение элемента в div'e?

Question

[Василий Петров]

Имеется div:

<div id="about_block">
			<ul>
				<li>Текст</li>
				<li>Текст</li>
				<li>Текст</li>
				<li>Текст</li>
				<li>Текст</li>
			</ul>
				<a href="#"><img id="about_subs" src="images/img.png" alt="text"></a>
		</div>

Ширина дива 100%, картинка обтекает список ul справа, при изменении ширины экрана картинка смещается к списку, как сделать, чтобы этого не происходило, а точнее, чтобы она приблизилась к списку максимально близко, но не наезжала на него.

UPD: codepen.io/anon/pen/wzAakg

Comments

[pashted]

может на jsfiddle или codepen покажите?

[Василий Петров]

pashted: сам сайт?

[pashted]

Василий Петров: любой пример, где видно проблему

[Василий Петров]

pashted: сейчас сделаю

[pashted]

Василий Петров: вариант2 - выложите сюда css к этим блокам)

[Василий Петров]

pashted: codepen.io/anon/pen/wzAakg так нагляднее) вроде все как и на оригинале перенес

[Василий Петров]

2:27, задолбался с этим сайтом, с этой ср*ной адаптивностью, пошел спать. Надеюсь, сможешь найти решение)

Answer 1

[Сергей]

это тот редкий случай когда в верстке можно использовать таблицы )))
список в левой ячейке картинка в правой ))

Comments

[Василий Петров]

Должно сработать)