How to make an image to fit the whole container width?

Question

I'm trying to make my image to fit the whole container width.

I've tried :

• give my image of width="100%"
• place my image within a div that have width of 100%

None of those work.

<div class="container" style="background-color:gray;">
    <div width="100%">
        <img width="100%" src="http://s6.postimg.org/7ic0egypt/report_nav.png">
    </div>
</div

JSFiddle

Answer 1

Set the container padding to 0. I rewrote your fiddle using CSS

Answer 2

Here add this to your css, by default the body has a margin of 8px.

body{margin: 0px;}