MOUSEOVER IMAGE DISPLAY-1
.
.
.
.
<style type="text/css">
dl.slides {display:block; padding:0; margin:0; list-style:none; position:relative; z-index:100; float:left;}
dl.slides dt {font: 14px arial; color:#FFFF00; padding:0 5px; background:#255720; }
dl.slides dd {margin:0; padding:0;}
dl.slides dd a {display:block; height:20px; background:#173374; color:#FFFFFF; padding:0 5px; text-decoration:none; font:normal 14px arial;}
dl.slides dd a:hover {text-decoration:underline;}
dl.slides dd a img {display:block; z-index:-1; border:1px solid #4EFF44; position:absolute;
left:0; top:260px; width:2px; height:1px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
dl.slides dd a:hover img {left:250px; top:1px; width:480px; height:300px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.clear {clear:both;}
</style>
<dl class="slides">
<dt>LEYKADA PHOTOS</dt>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA AGIOFYLI<img src="http://i.imgur.com/FURuBVW.jpg" title="LEYKADA AGIOFYLI" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA PORTO KATSIKI-1<img src="http://i.imgur.com/rcivwQJ.jpg" title="LEYKADA PORTO KATSIKI-1" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA PORTO KATSIKI-2<img src="http://i.imgur.com/s87KUJb.jpg" title="LEYKADA PORTO KATSIKI-2" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA PORTO KATSIKI-3<img src="http://i.imgur.com/gCr4ycD.jpg" title="LEYKADA PORTO KATSIKI-3" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA PORTO KATSIKI-4<img src="http://i.imgur.com/WeZKATz.jpg" title="LEYKADA PORTO KATSIKI-4" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA PORTO KATSIKI-5<img src="http://i.imgur.com/pyL40yf.jpg" title="LEYKADA PORTO KATSIKI-5" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA EGGREMNOI<img src="http://i.imgur.com/W09tTTE.jpg" title="LEYKADA EGGREMNOI" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA SCORPIOS-1<img src="http://i.imgur.com/Djv3jOP.gif" title="LEYKADA SCORPIOS-1" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA SCORPIOS-2<img src="http://i.imgur.com/EXFMDur.jpg" title="LEYKADA SCORPIOS-2" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA SCORPIOS-3<img src="http://i.imgur.com/O1FreLJ.jpg" title="LEYKADA SCORPIOS-3" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA SCORPIOS-4<img src="http://i.imgur.com/szjKD2N.jpg" title="LEYKADA SCORPIOS-4" alt="LEYKADA" /></a></dd>
<dd><a href="http://imgur.com/a/2OFXh/layout/grid">LEYKADA SCORPIOS-5<img src="http://i.imgur.com/0m2UQLV.jpg" title="LEYKADA SCORPIOS-5" alt="LEYKADA" /></a></dd></dl>
