Bild åt höger och åt vänster om div ?

En bild som är repeat? Du menar att du har två lager med bakgrundbilder?

<div style="float: left; width: 100px; background: url(gfx/foo_left.gif) repeat-y;">
</div>
<div style="float: left; width: 300px;">
bar
</div>
<div style="float: left; width: 100px; background: url(gfx/foo_right.gif) repeat-y;">
</div>

Har du bestämd bredd på din div? I så fall tycker jag her0n krånglar till det alldeles för mycket.

#div {width: 800px; background: url(skugga.png) repeat-y;}

<div id="div">
    <p>Den här diven kommer att få en bakgrund som upprepar sig i y-led i oändlighet.</p>
</div>

Nepp inte så. :)

Nu kommer bakgrunden på insidan av diven jag skulle vilja ha den på utsidan av diven.

Vad är det som gör att du inte vill ha bilden på insidan då? Man kan ju lösa det med padding. Annars kan du positionera ut bilden utanför, med position: absolute;

I vilket element vill du då ha bakgrundsbilden?

element?

Ja det skall se ut som diven är skuggad med hjälp av bilden.

Då gör du som jag beskrev. Den tekniken använder jag på min hemsida, https://www.silfver.se

Men jag har gjort så som du skrev men då blir den på fel sida av diven. Bilden kommer på höger insida av diven och jag vill ha den på vänster utesida av diven !