dropoff

Вот так Т.е. когда делаю pdding:15px 0; к примеру, то текст опускается, но отступ от текста внизу есть, а он не нужен. Я почем и спрашиваю, как прибить текст к низу.

Делаю локально. Нету ссылки. Если не очень понятно, могу изобразить на картинке.

Текста - одно слово. Я убираю высоту и делаю паддинг, но текст-то по середине получается. Как его опустить вниз? vertical-align не помогает. Я что-то упускаю... Вот пример #menu li.home a {float:left;display:block;width:49px;background: url(../img/sour.gif) no-repeat -169px -6px;padding:10px 0;} #menu li.home a:hover {background-position: -169px -57px;} Текст опускается вниз, но и отступ под текстом большой. Потому как текст по середине.

Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню которое ниже. Т,е. height+padding получаются. Как видно, картинка с hover'ом тоже, пробовал делать одиночные, что бы не указывать высоту, таки все равно от padding'а отступ остается. vertical-align:bottom; не помогает. Как быть? Что я упускаю или не учитываю? Заранее спасибо.