After searching through various tutorials and Stack Overflow posts, I am still unable to properly resize my image in the right column.
I have a layout with a left and right column - the left contains a menu and the right holds some content along with a background image that should resize. However, for some reason, the background image is not aligning correctly on the right side.
Here is the link to the code: http://jsfiddle.net/47abrtry/
.wrapper{
width: 100%;
}
.wrapper .left-content{
float:left;
width: 256px;
}
.wrapper .right-content{
width: auto;
float:left;
}
.wrapper .right-content .slider-bg img{
max-width: 100%;
}