Адаптивное навигационное меню с картинками

[helio]

У меня есть меню навигации, где вместо текста, используются лого. Так вот я хочу сделать так, чтобы при уменьшении размера браузера логотипы тоже меняли размер, вместо того чтобы выпадать с меню. Т.е. тоже поведение, что бывает когда задаешь картинке max-width: 100%. Но как это можно сделать через св-во background? Вот пример, того как выглядит меню.

 

P.S. Просьба не спрашивать почему вместо тега <img>, добавляю изображения через тег <a>. Так надо было.

Edited June 23, 2014 by helio

[Veseloff]

http://jsfiddle.net/bhhkj/1/

[helio]

  On 6/23/2014 at 6:25 PM, Veseloff said:

http://jsfiddle.net/bhhkj/1/

спасибо то что нужно. Но вся проблема в том, как я писал выше нужно тоже самое только через св-во background, а не через тег img. Мне нужно при hover менять на другую картинку, поэтому данный вариант не подходит.

[Veseloff]

  On 6/23/2014 at 6:43 PM, helio said:

Но вся проблема в том, как я писал выше нужно тоже самое только через св-во background, а не через тег img. Мне нужно при hover менять на другую картинку, поэтому данный вариант не подходит.

Вы просто не умеете их готовить.

http://jsfiddle.net/bhhkj/2/

[helio]

  On 6/23/2014 at 7:05 PM, Veseloff said:

 

  On 6/23/2014 at 6:43 PM, helio said:

Но вся проблема в том, как я писал выше нужно тоже самое только через св-во background, а не через тег img. Мне нужно при hover менять на другую картинку, поэтому данный вариант не подходит.

Вы просто не умеете их готовить.

http://jsfiddle.net/bhhkj/2/

 

А как в таком случае выравнять по нижнему краю. Я применяю vertical-align: bottom к li, но ничего не происходит. Задавал также display:inline-block, не помогло. И на будущее, вообще этот случай решить при помощи св-ва background, вместо использования тега img возможно?

[afdw]

Обрежьте картинки!

Edited June 24, 2014 by afdw

[Veseloff]

  On 6/24/2014 at 8:21 AM, helio said:

И на будущее, вообще этот случай решить при помощи св-ва background, вместо использования тега img возможно?

http://htmlbook.ru/css/background-size

[helio]

  On 6/24/2014 at 9:20 AM, Veseloff said:

 

  On 6/24/2014 at 8:21 AM, helio said:

И на будущее, вообще этот случай решить при помощи св-ва background, вместо использования тега img возможно?

http://htmlbook.ru/css/background-size

пробовал, но у меня после этого картинки исчезают