#about_us_logo {
background: url(img/about_logo.jpg);
background-repeat: no-repeat;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}
<div id="about_us_logo"></div>
Все хорошо как-бы, но как сделать чтоб при уменьшение экрана эта картинка которая на весь экран не уродовалась сжимаясь, а прятала свои края и оставалась всегда по центру(то есть overflow:hidden той части которая не попадает во весь экран)
нашел пример
http://jsfiddle.net/LSKRy/654/
тут реализовано все так как мне нужно, при уменьшение картинка обрезается и всегда остается по центру, вопрос можно ли такое реализовать на одном <div id="about_us_logo"></div> без этих right: -50%; / left: -50%; div блогов как на образце.