Question

I tried to change the width but it only changes the width of the div.
How can I change the width of the image using css?

#photoTable {
    background-image: url("Assets/Images/FrontImages/partyPhoto.jpg");
    height: 628px;
    vertical-align: top;
    width: 704px;
}

Answer 1

Use the background-size property. You can set it either to a width and height, cover or contain. 100% 100% might be closest to what you want, though.

#photoTable {
    background-image: url("Assets/Images/FrontImages/partyPhoto.jpg");
    background-size: 100% 100%;
    height: 628px;
    vertical-align: top;
    width: 704px;
}

Doesn’t work in IE 8 or below.