Hey, here is a diagram: The blue is the div, and the red the background: <style> #div{ height: 50px; width: 500px; background-image: url("images/bg.jpg"); } </style> <div id="container"></div> Code (markup): Any ideas how I can start and end the background a little way in ?? Thanks.
background-position allows you to position your background to start a little way in, you can either specify a position e.g top left, or an amount of px or a % e.g background-position: 50px 0; would start the background 50px in. As for ending the background a little way in you will just have to create your background to that size, unless there is no content after this background on the right then u can give the div a margin-right equal to the 50px.