Hello
How is it possible to make the white squares, that have that white hover effect, with my own png images?
Because when I changed de default sponsors, the white squares have disapeared.
Thanks
<div class="gk-sponsors">
<h2>Sponsors</h2>
<div><a href="#"><img src="images/demo/sponsor1.png" border="0" alt="Sponsor #1" /></a> <a href="#"><img src="images/demo/sponsor2.png" border="0" alt="Sponsor #2" /></a> <a href="#"><img src="images/demo/sponsor3.png" border="0" alt="Sponsor #3" /></a> <a href="#"><img src="images/demo/sponsor4.png" border="0" alt="Sponsor #4" /></a> <a href="#"><img src="images/demo/sponsor5.png" border="0" alt="Sponsor #5" /></a> <a href="#"><img src="images/demo/sponsor5.png" border="0" alt="Sponsor #6" /></a> <a href="#"><img src="images/demo/sponsor4.png" border="0" alt="Sponsor #7" /></a> <a href="#"><img src="images/demo/sponsor3.png" border="0" alt="Sponsor #8" /></a> <a href="#"><img src="images/demo/sponsor2.png" border="0" alt="Sponsor #9" /></a> <a href="#"><img src="images/demo/sponsor1.png" border="0" alt="Sponsor #10" /></a></div>
</div>
<div class="gk-sponsors">
<h2>Sponsors</h2>
<div><h3>Test</h3>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor2.png" alt="Sponsor #2"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor3.png" alt="Sponsor #3"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor4.png" alt="Sponsor #4"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor5.png" alt="Sponsor #5"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor5.png" alt="Sponsor #6"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor4.png" alt="Sponsor #7"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor3.png" alt="Sponsor #8"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor2.png" alt="Sponsor #9"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor1.png" alt="Sponsor #10"></a>
</div>
<div><h3>Test</h3>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor2.png" alt="Sponsor #2"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor3.png" alt="Sponsor #3"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor4.png" alt="Sponsor #4"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor5.png" alt="Sponsor #5"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor5.png" alt="Sponsor #6"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor4.png" alt="Sponsor #7"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor3.png" alt="Sponsor #8"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor2.png" alt="Sponsor #9"></a>
<a href="#" class="active"><img src="/joomla25/fest/images/demo/sponsor1.png" alt="Sponsor #10"></a>
</div>
</div>
.gk-sponsors > div {
overflow: hidden;}