CSS Как вы растягиваете, чтобы соответствовать и поддерживать соотношение сторон?

У меня есть следующие CSS:

.mod.left {
background-image: url("http://www.myimage.jpg");
display: block;
height: 160px;
overflow: hidden;
width: 175px;
}

, что соответствует этому HTML:

<div class="mod left"></div>

это приводит к этому беспорядку:

, если я использую CSS3 Фон-размер: 175px 160px; соотношение сторон действительно испорчено, что приведет к тому, что беспорядок:

Есть ли способ растягивать изображение, чтобы соответствовать Div? Но таким образом, когда соотношение сторон Хотите автоматический урожай.