Автор Alex Wong задал вопрос в разделе Верстка, CSS, HTML, SVG
Как сделать отступ для background-image по левому краю? и получил лучший ответ
Ответ от Андрей орлов[гуру]
background-position
А вот одно из самых важных свойств. Определяет, где конкретно будет расположен фон. По умолчанию, он располагается в верхнем левом углу окна браузера. Можно устанавливать положение по горизонтали, вертикали или по обеим сторонам. В случае горизонтали это центр, слева и справа (center, left,right), вертикаль это центр, сверху и снизу (center, top, bottom). Также прекрасно распознаются значения в процентах или пикселах, например так:
body {
background-position: right 20px;
}
Эта запись означает, что фон будет располагаться справа и на 20px смещен вниз. Когда используется два значения — первое обозначает горизонтальное расположение, а второе — вертикальное. Когда только одно значение — второе по умолчанию будет в центре.
Источник: ссылка
вот это все убираете:
background-color: #00ccff;
background-image: url("../img/avatars/ava_1.png");
background-position: left center;
background-repeat: no-repeat;
и вместо этого одну строчку:
background: #00ccff url(../img/avatars/ava_1.png) no-repeat 10px 20px;
где 10 и 20 отступы слева и сверху