Background fixed ... not fixed in IE 2

[maharg]

Hi

I am struggling to get IE9 to play ball.

Please see

http://www.london-electronics.com

On the right hand side are a group of scroll boxes with grey tabs.
In Firefox, you will see an internal shadow in each box, created by a background inmage.

In IE, the background moves as you scroll, it is fixed to the scrolled content, rather than the parent <div>

My css is...

div.scroll2
{color: rgb(0,0,90);
font-size:9px;
line-height: 10px;
padding-top: 0px;	
height: 90px;	
width: 170px;	
overflow: auto;	
border: 1px solid  rgb(209,209,245);	
padding: 5px;
background-image:url(bg_selections.gif);
background-repeat:repeat-x;
background-position:top center fixed inherit;
}

Any help much appreciated!

Thank in advance,

Graham

 

[vacunita]

There is no fixed value for the background-position property . Perhaps what you want is background-attachment instead.

http://www.w3schools.com/cssref/pr_background-attachment.asp

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

 

[audiopro]

Same problem with IE 8 although you do have a number of validation errors which may be causing a knock on effect.

Keith

http://www.studiosoft.co.uk

 

[maharg]

Thanks guys, that sorted it out!

Much appreciated.