фон ( картинка ) за линк - проблем

[CosaNostra]

Здравейте! Имам меню с линкове и за бекграунд съм сложил картинка обаче, за да се вижда цялата картинка използвам падинг иначе картинката свършва там където свърши и името на линка. Надявам се да сте ме разбрали а ето и кода:

[css]#menu-l-links { margin-left: -33px; position: absolute; }
#menu-l-links ul, li { list-style: none; padding-bottom: 15px; }
#menu-l-links span { padding-top: 2px; padding-bottom: 4px; padding-left: 26px; background: url(../images/menu-button.gif) no-repeat; padding-right: 120px; }
#menu-l-links span:hover { background: url(../images/menu-hover.gif) no-repeat; width: 100px; }
#menu-l-links a:link { font: 12px Tahoma; font-weight: bold; color: #252525; text-decoration: none; }
#menu-l-links a:visited { font: 12px Tahoma; font-weight: bold; color: #252525; text-decoration: none; }
#menu-l-links a:hover { font: 12px Tahoma; font-weight: bold; color: #c6c6c6; text-decoration: none; }
#menu-l-links a:active { font: 12px Tahoma; font-weight: bold; color: #c6c6c6; text-decoration: none; }[/css]

<div id="menu-l">
	<div id="menu-l-links">
		<ul>
			<li>
				<a href="home.php">
					<span>Profile</span>
				</a>
			</li>
		</ul>
	</div>
</div>

 

[tedo96]

И какъв е проблема?

 

[CosaNostra]

Нали споменах в предното мнение? - Бекграунда свършва там където свършва и текста, а искам да се вижда цялата картинка... ако картинката е дълга 100 пиксела, а текста само 80 другите 20 ми се губят, а искам да се виждат.

 

[tedo96]

Предполагам, че това е заради padding-а. Колкото padding слагаш, с толкова px трябва да увеличиш картинката.

 

[CosaNostra]

Аз така и съм направил... обаче проблема е, че в дясно ми се намира content поле в което има линкове... и ми се 'скриват' зад падинга( линка в ляво ) и все едно не са линкове...

 

[Fakeheal]

#menu-l-links a {display: block;}

 

[CosaNostra]

#menu-l-links a {display: block;}

Мерси! :?: