w module własny html mam diva

<div id="banner1"></div>

w css mam nastepujący kod

#banner1 {
background-image: url("/joomla/images/banners/baner1.jpg");
width: 100%;
height: 1080px;;
background-repeat: repeat-x;
margin: 0 auto;
display: block;

}

Jak zrobić żeby powielany w poziomie img był wycentrowany przy skali mniejszej niz 100% ?

- - - Updated - - -

już znalazłem rozwiazanie