menu 3 poziomowe

Chce zrobić menu 3 poziomowe, zrobiłem 2 poziomy a z trzecim mam problem. Pomożecie?

kod html:

 <ul id="menu">
                <li><a href="#" class="link">link1</a>
                <li><a href="#" class="link">link2</a>
                    <ul>
                        <li><a href="#">link1</a></li>
                        <li><a href="płyta_głowna.html">link2</a></li> 
                        
                        <li>
                            <a href="">link3</a>
                                <ul class="podmenu">
                                    <li><a href="crt.html">link1</a></li>
                                    <li><a href="lcd.html">link2</a></li>
                                </ul>
                        </li> 
                    </ul>
                </li>
            </ul>

Kod css:

* {margin: 0; padding: 0;}


body{
    max-width: 1200px;
    min-width: 780px;
    background-color: black;
}

#menu li {list-style: none;}

#menu { 
    border: 1px solid #d5d5d5; 
    background: #e9e9e9; 
    margin-left: 550pt;
    margin-right: 20pt;
    border-radius: 10px;
    overflow: hidden;
    font-family: calibri, tahoma; 
} 
  
ul#menu li {  /* po rozwinieciu menu */
    list-style-type: none; 
    float: left; 
    background: #e9e9e9; 
    margin-left: 3px;
} 
   
ul#menu li:hover { 
    width:auto;
    height: auto;
    list-style-type: none;  
    float: left;  
    background: #f0f0f0; 
    margin-left: 3px; 
} 
  
ul#menu li a {  
    display : block; 
    padding : 4pt; 
    text-decoration : none;        
} 

ul#menu li li a { 
    width: 500px; 
} 
  
  
ul#menu li li:hover { 
    background: white; 
} 
 
ul#menu li ul { 
    overflow: hidden; 
    display: none;
}  
  
ul#menu li:hover ul { 
    position: absolute; 
    background: #aaa; 
    padding: 0; 
    display: block; 
    width: 160px; 
} 


.podmenu, .podmenu li{
    width: 160px;
    border: 1px solid #d5d5d5; 
    background: #e9e9e9; 
}

.podmenu li ul {
    visibility: hidden; 
    position: absolute; 
    top: 0; 
    left: 100%;
}

.podmenu li {
    position: relative;
}

.podmenu ul:hover li {visibility: visible;}

.podmenu a {
    visibility: hidden; 
    border: 1px solid #d5d5d5; 
    background: #e9e9e9;     
    display: none; 
    text-decoration: none; 
    padding: 0 10px; 
    width: 160px; 
}

polecam: ten link