Ребристый фон при наведении как сделать?

[Imperil]

Есть меню http://s020.radikal.ru/i719/1309/f1/bd6160c53cde.jpg

При наведении появляется красный фон.
Как сделать, учитывая ребристый край сверху? :blink:

Вот код: http://jsfiddle.net/VmqKC/1/

 

[CamaroSS]

Меню прямоугольником, а волнистый пнг положить сверху, например.

 

[Imperil]

Меню прямоугольником, а волнистый пнг положить сверху, например.

А при наведении как? Волнистый png же будет оставаться синим. А фон красный при наведении должен быть

 

[BaNru]

Сделай наоборот.
Картинку над меню сделай волнистой и положи ее поверх меню.
А меню сделай без заморочек.

 

[Imperil]

Сделай наоборот.
Картинку над меню сделай волнистой и положи ее поверх меню.
А меню сделай без заморочек.

Это понятно. Но при наведлении то цвет волны этой не поменяется. Так и останется синим

 

[BaNru]

http://jsfiddle.net/BaNru/kNmyd/

 

[Imperil]

Даааа, а я все усложнял

Спасибо!

http://jsfiddle.net/BaNru/kNmyd/

Нет. Не подходит. Там пункты меню фиксированные. А это не по макету.
Вот общий макет http://prntscr.com/1s5y3q

ширина не фиксированная у ссылок, а подстраиваемая под текст. Получается в данном случае что эти "кругляшки" не совпадают

 

[lekzd]

Нет. Не подходит. Там пункты меню фиксированные. А это не по макету.

Специально для вас человек сделал понятный пример, почти за вас все написал.
Не взял с вас ровным счетом ничего, а вам еще по макету подавай, как так?

 

[Imperil]

Нет. Не подходит. Там пункты меню фиксированные. А это не по макету.

Специально для вас человек сделал понятный пример, почти за вас все написал.
Не взял с вас ровным счетом ничего, а вам еще по макету подавай, как так?

По сути то, что сделал BaNru - наступил на те же грабли что и я до этого. Кружки эти не совпадают между собой в зависимости от длинны слова.
Спасибо ему. Но если это не подходит, то я говорю что не подходит. Я должен это скрывать? Проблема не решена и не сдвинулась с места ничуть. То же самое, что делал я, только немножко другим способом. С чего начали, к тому и приехали. Поэтому не понимаю ваше возмущение.

 

[BaNru]

Imperil, ты внимательно смотрел пример?
Кружки эти - это картинка тобой предоставленная

nav {
z-index:1;
top: -15px;
}

измени top и ты поймешь.

Пункты меню как раз динамические - 25%, ибо там 4 штуки их. Меняй как душе угодно.