Задача с наложением блоков (Слайдер на CSS)

[m0rt]

Доброго всем времени суток.

Есть вот такая задача:


Необходимо реализовать вот такой резиновый слайдер средствами css.

Сабж имеет каркас:

<div class="box">
    <div class="content">
    </div>
    
    <div class="menu">
        <div class="button">button1</div>
        <div class="button">button2</div>
        <div class="button">button3</div>
    </div>
</div>

Бьюсь уже неделю над этой проблемой и никак не найду подходящего решения. Основная загвоздка, это то, что блок "button" при наведении на него курсора, должен наезжать на остальные блоки. Есть вариант с имитацией "наезжания" средствами графики и вариант с проверкой разрешения экрана и подставления нужной css'ки. Но эти способы слишком грубы и не эстетичны. Подскажите, пожалуйста, более элегантный способ верстки.