CSS

HTML

<div class="home-layout-clients shadow-side-all">

                        <div class="home-layout-clients-title">Our Clients</div>

                        <span class="clear"></span>

                        <a id="client1" href="#">

                            <div class="client-out"></div>

                            <div class="client-over opacity_0"></div>

                        </a>

                        <a id="client2" href="#">

                            <div class="client-out"></div>

                            <div class="client-over opacity_0"></div>

                        </a>

                        <a id="client3" href="#">

                            <div class="client-out"></div>

                            <div class="client-over opacity_0"></div>

                        </a>

                        <a id="client4" href="#">

                            <div class="client-out"></div>

                            <div class="client-over opacity_0"></div>

                        </a>

                        <a id="client5" href="#" target="_blank">

                            <div class="client-out"></div>

                            <div class="client-over opacity_0"></div>

                        </a>                    

                    </div>

CSS

.home-layout-clients

{



	float:left;

	width:100%;

	height: 100%;	

	background-color:#f4f4f4;

	text-align:center;

}

.home-layout-clients-title

{

	position:relative;

	float:left;

	margin-top: 20px;	

	margin-left: 20px;

	font-family:PT Sans;

	font-weight: bold;

	font-size:20px;

	color:#444444; 

	text-align:left;	

	

}

.home-layout-clients a

{

	margin: 10px 0px 10px 13px;

	color:#d00355;

	font-weight:normal;

	text-decoration:none;

	width: 166px;

	height: 73px;

	position:relative;

	float:left;

}



.client-over, .client-out { position:absolute; top:0px; left:0px; width:100%; height: 100%; } 

.client-over, .client-out { /*background-image:url(../assets/synergy_sprite.png);*/ }



#client1 .client-out{ background-position:0px -280px; }

#client1 .client-over{ background-position:0px -360px; }



#client2 .client-out{ background-position:-170px -280px; }

#client2 .client-over{ background-position:-170px -360px; }



#client3 .client-out{ background-position:-1000px -20px; }

#client3 .client-over{ background-position:-330px -340px; }



#client4 .client-out{ background-position:-1000px -280px; }

#client4 .client-over{ background-position:-510px -360px; }



#client5 .client-out{ background-position:-1000px -280px; }

#client5 .client-over{ background-position:-680px -360px; }

В файле synergy_sprite.png лежат все картинки для 5 картинок.

Нужно сделать, чтобы картинки были в таких рамках.

Разделители картинок должны быть в 2х картинках.