Salve a tutti ragazzi, mi rifaccio vivo per chiedere aiuto per un problema che mi sta ossessionando. Allora, ho questo codice:
codice:
<td width="100%" class="forum-buttons" colspan="3">
		<ul class="menu_header">
			[*]{L_HOME}
			[*]{L_INDEX}
			
			[*]{L_NEW2}
			
			
			[*]
				<div class="menu">
					<div class="menu_drop">
						<div class="menu_drop_content">
							{L_PROFILE}
							
								<div class="menu_drop_content_link">
									[img]{SPACER}[/img]
									{L_CPL_PROFILE_INFO}
									{L_CPL_AVATAR_PANEL}
									{L_LOGIN_LOGOUT2}
								</div>
							
						</div>
					</div>
				</div>
			
			
			[*]{L_SEARCH}
			[*]{L_FAQ}
			
			[*]{L_REGISTER}
			
			[*]{L_LOGIN_LOGOUT2}
		[/list]
	</td>
E questo css per la classe forum-buttons:
codice:
.forum-buttons {
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	height: 28px !important;
	color: #e8e8ee;
	background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center top;
	border-bottom: solid 1px #a0bac9;
	/*border-top: solid 1px #a0bac9;
	white-space: nowrap;*/
}

.forum-buttons a, .forum-buttons a:visited {
	color: #023353;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px;
}

.forum-buttons a:hover, .forum-buttons a:active {
	color: #fff;
}

.forum-buttons:hover li.a:hover  {
	background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
}

ul.menu_header {
	list-style: none;
}

ul.menu_header li {
	float: left;
	background: url('images/p_blue/buttons/menu_sep.gif') no-repeat right center;
}

.menu div.menu_drop_content {
	position:relative;
}

.menu div.menu_drop div.menu_drop_content_link, .menu div.menu_drop div.menu_drop_content_search, .menu div.menu_drop div.menu_drop_content_topic {
	visibility:hidden;
	position:absolute;
	height:0;
}

.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

.menu :hover > .drop_link {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px;
	background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
}

.menu_drop_arrow_up {
	background: url(images/white/arrow_up.gif) bottom left no-repeat;
	position: relative;
	left: 10px;
	width: 150px;
	height: 10px;
}

.menu div.menu_drop div.menu_drop_content:hover div.menu_drop_content_link,
.menu div.menu_drop a:hover div.menu_drop_content_link,
.menu div.menu_drop menu_drop_arrow_up :hover div.menu_drop_content_link {
	visibility:visible;
	width: 150px;
}

div.menu_drop_content_link {
	position: relative;
	top: 0;
	z-index: 1;
	text-align: left;
}

.menu div.menu_drop div.menu_drop_content div a {
	background-color: #163251;
	border: solid 1px #a0bac9;
	border-top: none;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #a0bac9;
	position: relative;
	left: 0;
	top: 17px;
	color: #a0bac9;
}
Allora, dovrei fare in modo che il background della tabella, quindi di forum-buttons si sposti quando passo sopra un link, ma solo nel link.

Cioè, ora i link non hanno background, si vede quello della tabella, quando passo sopra, solo dietro al link in hover, devo spostare lo sfondo della tabella.

In pratica deve fare da:
codice:
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center top;
a:
codice:
background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
Ho provato così:
codice:
.forum-buttons:hover a:hover {
    background: #121720 url('images/p_blue/bg_forum-buttons.gif') no-repeat center bottom;
}
Funziona se passo sopra il link, il problema che mi scorre SEMPRE la stessa parte dello sfondo, per tutti i link, non il background in generale.

Non so se si è capito il problema, in ogni caso grazie in anticipo