I would like to achieve this because the top of the background is different than the bottom. So i have one top part and a bottom part that needs to be repeated vertical... this is what i have sofar, unfortunately it doesnt work....

background-image: url('http://wordpress.jvreeke.nl/wp-content/themes/atahualpa/images/top.png') top left no-repeat, url('http://wordpress.jvreeke.nl/wp-content/themes/atahualpa/images/middle.png') 0px 230px repeat-y;

i tried this both on the ATO>style sidebar page and i tried adding this as separate css.

Please help on this..

website is http://wordpress.jvreeke.nl/

thanks jochem

only one background image per area. You can have a background for a widget and a different one for the sidebar, but the syntax you are trying to use is invalid.

To check the syntax, go to w3schools.com/css

thank you for the reply.. one question thought..

something like this is not going to work then? i believe this is css3

div.feature {
    background-image: url(_images/icon_globe_51w_49h.png),
        url(_images/layout_feature_top_left_30w_30h.gif),
        url(_images/layout_feature_top_right_251w_30h.gif),
        url(_images/layout_feature_bottom_left_30w_142h.gif),
        url(_images/layout_feature_bottom_right_251w_142h.gif);
 
    background-position: 95% 7%, 0 0, 100% 0, 0 100%, 100% 100%;
}

It might work..in any browser that supports it.