Having an image (without container) not stretched

Question

I would like my image to be not stretched and no scroll bars. So when the browser window is reduced the image is still the same size (but overflow is hidden).

<img src="http://nybbledesigns.com/images/header.jpg"/>

JsFiddle: http://jsfiddle.net/6ppL9axc/

I found solutions with containers but I need a solution without.

Any idea?

Answer 1

Give this a try:

img {
    position: fixed;
    overflow: auto;
}

<img src="http://nybbledesigns.com/images/header.jpg"/>