Всем добрый день. У меня тут возникла одна проблема со свойством max-width. Сегодня на своем сайте сделал такую штуку, чтобы на очень широких мониторах - дизайн моего сайта растягивался до максимального значения ширины, а затем оставался неизменным (вот, что есть сейчас - скриншот).
Все получилось хорошо, но есть 1 нюанс: в дизайне моего сайта используются ajax-окошки, всего их 3. И мне нужно сделать так, чтобы при растяжении - их размещение не выходило за рамки основного дизайна. В данный момент максимальная ширина дизайна: max-width: 1366px. В этой области пусть бы эти окошки и были, а не выходили дальше за пределы этого значения.
Для примера покажу, что нужно сделать:
Вот при нормальном разрешении, все отлично: смотреть .
Вот при отдалении (т.е. как видят сайт люди, у которых широкоформатные мониторы): смотреть.
Извините, т.к. качество скринов оставляет желать лучшего, но перезаливать уже не буду, так как в общем то - все нужное видно. На первом скриншоте - все отлично. Блок "ВСЕ ИНТЕРВЬЮ" (обведен красным) размещен где нужно. На 70px сдвинут вправо от края страницы.
На втором скриншоте, блок "ВСЕ ИНТЕРВЬЮ" ушел уже туда, где он быть не должен. На 70px вправа от края, но нужно сделать так, что он уходил от максимальной ширины  max-width: 1366px. И находился на том же месте, где размещен на первом скрине.
Кто знает, как так сделать? На данный момент css стиль такой:

Цитата
<div style="position:fixed; bottom:10px; left:70px; background:rgba(0,0,0,0.7); color:#fff; padding:6px 10px 6px 10px; z-index:999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;font-size:11px;font-family:Tahoma">

Пробовал добавить туда max-width: 1366px, но, я так понимаю, из-за значения "position:fixed", стиль не хочет учитывать максимальную ширину. В общем, если кто знает, как сделать то - что мне нужно.
Отпишитесь, пожалуйста. Я думаю тут не сложно для того, что разбирается во всех css стилях и тому подобном.
Заранее спасибо.