CSS Hover Help Reqd

[Maccon]

Hi - thanks for stopping by!!

Ok heres my issue. I am trying to create a rollover on the sidebox. I have the rollover working but it will only display behind the text.

Eg:

CATEGORYTITLE (12) would show the image behind the TLE where I need it to display on the right of the containing box and not to the right of the text. It is worth mentioning that the image does not sit behind the numbers display, only the category name.

.sideBoxContent , .sideBoxContent a{
color:#ffffff;
	background-color: #000034;
	font-size: 1.2em;
	}

.sideBoxContent a:hover{
color:#ffffff;
	background-color: #000034;
	font-size: 1.2em;
text-decoration: underline;
background-image: url(../images/lft_roll.jpg); background-position:right;
image-width: 149px;
background-repeat: no-repeat;	
}

any help greatly appreciated! :)

[Maccon]

no one got any advice??

[kobra]

No link to your site for us to see

[Maccon]

sorry :) http://bennzaks.co.uk

[kobra]

Try adding a z-index

http://www.w3schools.com/Css/pr_pos_z-index.asp

[Maccon]

Kobra - firstly let me say thanks, i appreciate your input!

now i tried a z-index..

.sideBoxContent a:hover{
color:#ffffff;
	background-color: #000034;
	font-size: 1.2em;
text-decoration: underline;
background-image: url(../images/lft_roll.jpg); background-position:absolute; z-index: 1;
image-width: 149px;
background-repeat: no-repeat;	
}

but now the image is only visible on a single item within the menu (and that item drops over 2 rows)..

any other thoughts?

cheers

[kobra]

Try taking out the position absolute and make the z-index 1000 if you want it over the text

[Maccon]

again thanks for your continual support...still no luck tho

[kobra]

Your css has not changed from using position absolute and a z-index of "1"

[Maccon]

sorry Kobra, pasted the old code in

.sideBoxContent a:hover{
color:#ffffff;
	background-color: #000034;
	font-size: 1.2em;
	padding-left: 0.2em;
text-decoration: underline;
background-image: url(../images/lft_roll.jpg); z-index: 1000;
image-width: 149px;
background-repeat: no-repeat;	
}

i had done an upload with the new settings and it didnt work so reverted back, I have however reploaded the ones as advised so source should display your reccomendation.

Tell you what i think i owe you a beer after we get this one cracked!