menu dinamico en php

[shake2427]

buenos dias
por favor necesito ayuda con un menu dinamico que estoy tratando de hacer pero no logro hacer que me cuadre

Código BD:

CREATE TABLE IF NOT EXISTS `menu` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `menu_nombre` varchar(25) NOT NULL,
  `id_padre` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;
 
-- 
-- Volcado de datos para la tabla `menu`
-- 
 
INSERT INTO `menu` (`id`, `menu_nombre`, `id_padre`) VALUES
(1, 'Home', 0),
(2, 'home1', 1),
(3, 'home2', 1),
(4, 'home3', 1),
(5, 'Productos', 0),
(6, 'productos1', 5),
(7, 'productos2', 5),
(8, 'productos3', 5),
(9, 'productosub1-1', 6),
(10, 'productosub1-2', 6);
 

tengo el siguiente codigo php

Código PHP:

function con(){
    $conexion = mysql_connect( "localhost" , "root" , "root")or die ( mysql_error() );
    mysql_select_db( "menu2" , $conexion );
    return $conexion;
}
 
function menu( $id_padre = 0 ){     
         $menu = '';
         $sql = "SELECT * FROM menu WHERE id_padre = $id_padre";     
         $query = mysql_query( $sql,con() );  
         $cant = mysql_num_rows( $query );          
         if( $cant > 0 ){ $menu .= '<ul>'; }            
         while( $resultado = mysql_fetch_assoc( $query ) ){              
            $menu .=  '<li>' . $resultado['menu_nombre'];
            $menu .= menu( $resultado['id'] ) . '</li>';              
         }         
         if( $cant > 0 ){ $menu .= '</ul>'; }       
         return $menu;
}
 
$menu = menu();
echo $menu;
 

y me crea una estructura del menu de la siguiente manera

Código HTML:

<ul>
   <li> Home
     <ul>
       <li>home1</li>
       <li>home2</li>
       <li>home3</li>
     </ul>
   </li>
   <li> Productos
     <ul>
       <li> productos1
         <ul>
           <li>productosub1-1</li>
           <li>productosub1-2</li>
         </ul>
       </li>
       <li>productos2</li>
       <li>productos3</li>
     </ul>
   </li>
 </ul>
 

pero necesito una estructura asi del menu:

Código HTML:

<div id="menu">
       <ul class="menu">
           <li><a href="#" class="parent"><span>level 1</span></a><!-- menu principal primer nivel -->
           <li><a href="#" class="parent"><span>level 1</span></a><!-- menu principal primer nivel -->
                <div><ul><li><a href="#"><span>level 2</span></a></li></ul></div><!-- menu segundo nivel -->
           </li>
           <li><a href="#" class="parent"><span>level 1</span></a> <!-- menu principal primer nivel -->
               <div><ul>
                  <li><a href="#" class="parent"><span>level 2</span></a><!-- menu segundo nivel -->
                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div><!-- menu tercer nivel -->
                  </li>
               </ul></div>
           </li>
       </ul>
   </div>
 

por favor alguien si me puede ayudar. o que me de alguna idea de como poder hacer esto