css rozwijane menu

pytanie zadane 10 lutego 2016 w HTML i CSS przez szywlo15644 Nowicjusz (130 p.)

Zrobiłem proste rozwijane menu, problem pojawia się gdy najeżdżam na "Galeria" podmenu galerii wyświetla się w ciągłej linij a nie w jeden pod drugim.

body {
        font-family: Arial, Verdana, sans-serif;
        color: black;
        background: white; 
        font-size: 125%}

ol{
        width: 600px;
	padding: 15px;
        margin: 0px auto 0px auto;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
         font-size: 25px;  }
li {
       margin: -13px;
       padding-left: 65px;
       position: relative; }
ol a{
       color: black;
       text-decoration: none; }
ol > li {    
        float: left;
        display: block;
        margin-left: auto;
        margin-right: auto;
        position:relative; }             

ol > li:hover > a {
        color: dimgrey;}
ol > li:hover >ol {
        clear: both;
        display: block; }
ol > li >ol:hover{
        clear: both;
        display:block;
        width: 0px;
	}
ol > li > ol  {
        clear: both;
        width: 1000px;
        position: absolute;
        list-style-type: none;
        padding: 0;
        margin: 10;
        display:none;}
ol >li >ol >li >a {
       white-space: nowrap;
        border-top: 1px solid #FFF;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="style.css" type="text/css" />

</head>
<body>
   <div>
      <div id="logo">
          <center><img id="logo" src="las2.jpg" alt="logo" width="800px" height="300px" ></center>
      </div>
       <div id="nav">
           <ol>
               <li><a href="">O mnie</a></li>
               <li><a href="">Galeria</a>
                <ol>
                    <li><a href="">Akty</a></li>
                    <li><a href="">Foto ślubne</a></li>
                    <li><a href="">Natura</a></li>
                    <li><a href="">Zawody</a></li>
                </ol>
                </li>
               <li><a href="">Kontakt</a></li>
               <li><a href="">Terminy</a></li>
           </ol>
       </div>
       <div id="box">

       </div>
       <div id="social">

       </div>
   </div>

</body>
</html>