CSS Hover Help Reqd

[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!

[kobra]

Couple of things.

I think that the zindex is being applied to the text & not the roll-over background image

So you might try setting it to -1

For IE you will need to obatin and apply a file & code for csshover.htc

I am only seeing the rollover on one selection and thought that it was present on all before???

[Maccon]

Yeah I have tried both 1 & -1 and also tried by removing the zindex out of the shorthand background-image to apply just to text to see if that had any effect but unfortunately nothing.

The rollover was working initially just in the wrong place. any attempts to fix this seem to result in the image dissapearing from all but the nationl/international product list....

all very confusing!

[kobra]

I haven't investigated why this article predicates a gif and not a jpg but have a read

http://alistapart.com/stories/rollovers/

[Maccon]

tried as a gif ... same issues.. think i need a

lol .. what should be a simple task eh??