I need to know if there's a way to use both background-repeat and background-position in CSS on the same element.
Basically, I have a semi-transparent PNG that has a gradient for the first 300px followed by a flat 1px (height) by 200px (width) PNG (repeated vertically till the end of the element). The element does not have a fixed height (ie it's fluid).
The problem I'm facing is getting the 1px PNG to start repeating after 300px, and not before (as background-repeat does it both ways).
Is there a hack for this?