halo gan, ane coba bikin menu ngikutin page ini

kok gambar ane malah jadi begini ya


padahal CSS uda sama persis

.form{

 position:absolute;

 left:36%;

 bottom:36%;

}

.menu{

 background: #2f8be8;

 width:100%;

 height:5%;

 text-align:center;

 

 

}



.menu ul{

 list-style: none;

 float: left; 

}



.menu li{

 display: inline;

}

#coolMenu,#coolMenu ul {

\tlist-style: none;

}



#coolMenu > li {

\tfloat: left;

}

#coolMenu li a {

display: block;

\theight: 2em;

\tline-height: 2em;

\tpadding: 0 1.5em;

\ttext-decoration: none;

}

#coolMenu ul {

\tposition: absolute;

\tdisplay: none;

z-index: 999;

}

#coolMenu ul li a {

\twidth: 80px;

}

#coolMenu li:hover ul {

\tdisplay: block;

}



/* Main menu

------------------------------------------*/

#coolMenu {

\tfont-family: Arial;

\tfont-size: 12px;

\tbackground: #2f8be8;

}

#coolMenu > li > a {

\tcolor: #fff;

\tfont-weight: bold;

}

#coolMenu > li:hover > a {

\tbackground: #f09d28;

\tcolor: #000;

}



/* Submenu

------------------------------------------*/

#coolMenu ul {

\tbackground: #f09d28;

}

#coolMenu ul li a {

\tcolor: #000;

}

#coolMenu ul li:hover a {

\tbackground: #ffc97c;

}

salah dimana yaa mas gan, mohon bantuannya