move wide illustration outside left margin

[PeDa]

I use the following wrapper to limit my pages to 1000px wide, centered:

#wrapper {
    width: 99%;
    margin: 1em auto 0 auto;
    max-width: 1000px;
    min-width: 554px;
    text-align: left;
    font-size: 80%;}

I do, however, occasionally have illustrations which are a lot wider than 1000px, and I would like to move them to the absolute left of the screen. How can I achieve this with CSS?

-Peter

 

[PeDa]

I have solved this myself using absolute positioning and an "invisible" thin filler with the same height as my llustration:

<div style='position:absolute;left:10px'><img src="jpg/JOMW_Plate4.jpg" alt="Ventilation" ></div>
<p class=pcenter><img src="jpg/Filler735.jpg" alt="filler" ></p>

Perhaps there are more elegant ways?