Gap Between Img And Div

I have an img and div i can't find why there is a gap. I have seen so question. But it is not working for me i have also tried using margin:0. here is my My fiddle. But i cant find

Solution 1:

Give display:block to the image.

.header{
    display:block;
}

Updated fiddle here.

Solution 2:

.body-middle {
    margin-top: -50px; //adjust number of pixels to what works best for you
}

Solution 3:

Try This CSS..

*{
 margin:0;
}

DEMO