I've spent hours scouring the depths of Google in search of a code snippet to solve my issue with stretching a background image width. My goal is to make the background image adjust to fit all browser resolutions horizontally, while maintaining its original height.
Although my current code successfully gives me a full-width background, the image itself remains unchanged and doesn't stretch to match the width.
body{
background-color:#575c70;
background: url('http://i.imgur.com/1MS4u4y.jpg');
height: auto;
width: 100%;
left: 0;
background-repeat: no-repeat;
position: absolute;
}