placering af billede udenfor div

jeg har bikset med at få placeret et billede halvt udenfor dens kontainer div. Uden den store held. måske er der en der kan hjælpe?

min markup ser sådan ud. der er ikke lagt noget i img klassen endnu.

HTML
<section id="left-column" class="effect2"><img class="3column" src="images/icon1.png">
      <H4>prøve test</H4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius risus nunc, auctor posuere enim molestie non. Vivamus eros justo, fringilla sit amet eleifend ac, finibus id ipsum.</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <a href="#">Læs mere</a><br>
      <br>
    </section>

CSS
#left-column {
    float: left;
    width: 307px;
    text-align: center;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #FEAC32;
    padding-right: 8px;
    background-color: #FFF;
    padding-left: 8px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    position: relative;
}