Untitled


<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <style>
    a .imghome
    {
      border: 1px solid #eee;
    }

    a
    {
      margin:auto auto 30px;
      clear:both;
    }

    #imghomegroup a.innerborder,
    a.innerborder img
    {
      float: left;
      overflow:hidden;
    }

    #imghomegroup a.innerborder:hover
    {
        border:4px solid #eee;
    }

    #imghomegroup a.innerborder:hover img
    {
      margin: -4px;
    }
    </style>
  </head>
  <body>
    <div id="imghomegroup">
      <a href="#" target="_blank" class="innerborder"><img src="http://waldio.webatu.com/system/images/nemo.jpg" class="imghome"></a>
      <a href="#" target="_blank" class="innerborder"><img src="http://waldio.webatu.com/system/images/walle.jpg" class="imghome"></a>
      <a href="#" target="_blank" class="innerborder"><img src="http://waldio.webatu.com/system/images/up.jpg"class="imghome"></a>
    </div>
  </body>
</html>