<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  <title>Element span</title>
  <style type="text/css">
    body {
      font-family: Arial, Verdana, sans-serif;
      font-size: small;
    }
   ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
   }
   li {
      width: 130px;
      height: 25px;
      border: 1px solid black;
   }
   a { 
     display: block;
	 width: 100%;
	 height: 100%;
   }
   #menu01 {
      background: url(obrazky/prodej.gif);
   }
   #menu02 {
      background: url(obrazky/cenik.gif);
   }
   #menu03 {
      background: url(obrazky/kontakt.gif);
   }
   span {
      display: none;
   }
    
  </style>  
</head>
<body>
<ul>
  <li id="menu01"><a href="#"><span>Prodej</span></a></li>
  <li id="menu02"><a href="#"><span>Cenk</span></a></li>
  <li id="menu03"><a href="#"><span>Kontakt</span></a></li>
</ul>

</body>
</html>
