When told to position a background image taller than its container below the container top and not to repeat it, Safari does repeat the image.
The background images in test #1 and test #2 should not start until 50 pixels below the container's top; the space above the image should be light gray. The background image in test #3 should repeat.
The background image contains a pixel ruler so the effect is more visible.
Mozilla 1.7.2 and IE6 both pass. In Safari 1.2.4, the image is repeated in test #2.
test #1
test #2
test #3
div {
background-color : #ccc;
background-image : url( "background_position_safari.gif" );
background-position : 0px 50px;
background-repeat : no-repeat;
margin : 10px;
float : left;
width : 100px;
}
#test1 {
height : 600px;
}
#test2 {
height : 200px;
}
#test3 {
height : 200px;
background-repeat : repeat;
}