DIV Background Won't Scroll Along

[tomazws]

Works fine in IE6, though in Safari, Firefox, and Opera, the bg inside this div doesn't scroll.... so weird!


http://www.falanja.com/test.php

Code: Select all

<style type="text/css">
	div {
		width:200px;
		height:50px;
		overflow:auto;
		background:url(images/spreadsheet/column.gif) scroll;
	}
</style>
<div>
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
	test<br />
</div>

I want the BG to scroll along.... what did i do wrong?

[Jack Franklin]

The only thing I can think of is that you have not assigned:
background-position:
background-repeat:

Try assigning both those values and removing the 'scroll' from the current CSS.

[Stuart]

Change the CSS background attribute to this:

Code: Select all

background:url(images/spreadsheet/column.gif) top left repeat;

That should do it. "top left" is not really required, but it's good to add...

Cheers

[tomazws]

http://www.falanja.com/test.php

^ contains all the fields.... doesn't work either :-\

[karinne]

Did you fix this?