I wanted to know is it possible to have two background patterns for a wrapper div. For example -
<div id="wrapper">
Hello
</div>
#wrapper {
background:url(../images/pattren.png) repeat-x;
}
Is it possible to have this pattern.png
repeat only till 50% of the div and have another pattren like pattren_flipped.png
for another 50%? Is it possible to do it without having another two divs inside?