Complete Solution

#NavbarMenu {



width: 980px;

height: 35px;

background:#e3edf9 url(http://i415.photobucket.com/albums/pp238/Sujeet/navbar3.jpg) repeat-x top;

color: #3D81EE

margin: 0 auto 0;

padding: 0;

font: bold 11px Arial, Tahoma, Verdana;

border-top: 1px solid #AFAFAF;

border-bottom: 1px solid #FFFFFF;

}

#NavbarMenuleft {

width: 980px;

float: left;

margin: 0;

padding: 0;

}

#nav {

margin: 0;

padding: 0;

}

#nav ul {

float: left;

list-style: none;

margin: 0;

padding: 0;

}

#nav li {

list-style: none;

margin: 0;

padding: 0;

}

#nav li a, #nav li a:link, #nav li a:visited {

color: #dae8ff;

display: block;

text-transform: capitalize;

margin: 0;

padding: 9px 15px 8px;

font: normal 15px Georgia, Times New Roman;

}

#nav li a:hover, #nav li a:active {

background:#e7ffb3;

color: #36731b;

margin: 0;

padding: 9px 15px 8px;

text-decoration: none;

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

background: #3D81EE url(http://i415.photobucket.com/albums/pp238/Sujeet/navbar3.jpg) repeat-x top;

width: 200px;

color: #d3d3d3;

float: none;

margin: 0;

padding: 7px 10px;

border-bottom: 1px solid #99C9FF;

border-left: 1px solid #99C9FF;

border-right: 1px solid #99C9FF;

font: normal 14px Georgia, Times New Roman;

}



#nav li li a:hover, #nav li li a:active {

background: #e3f1ce;

color: #156018;

padding: 7px 10px;

}

#nav li {

float: left;

padding: 0;

}

#nav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px

; margin: 0;

padding: 0;

}

#nav li ul a {

width: 140px;

}

#nav li ul ul {

margin: -32px 0 0 171px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul,

#nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

position: static;

}



]]></b:skin>

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>

</b:section>

</div>

<div id='NavbarMenu'>

<div id='NavbarMenuleft'>

<ul id='nav'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>





<li><a href='Link Here'>Health News</a></li>





<li><a href='#'>Deseases</a>

<ul>

<li><a href='Link Here'>Acne</a></li>



<li><a href='Link Here'>Breast cancer</a>

<ul>

<li><a href='Link Here'>Stages</a></li>

<li><a href='Link Here'>Signs, Symptoms, Diagnosis</a></li>

<li><a href='Link Here'>Treatment</a></li>

</ul>

</li>



<li><a href='Link Here'>Mesothelioma</a></li>

</ul>

</li>





<li><a href='Link Here'>LASIK</a>

<ul>

<li><a href='Link Here'>Complications</a></li>

<li><a href='Link Here'>Procedure</a></li>

<li><a href='Link Here'>Adwantages</a></li>

</ul>

</li>

<li><a href='#'>Webmaster's Corner</a>

<ul>

<li><a href='Link Here'>Webmaster's Forum</a></li>

<li><a href='Link Here'>Blogger Help</a>

<ul>

<li><a href='Link Here'>Widgets</a></li>

<li><a href='Link Here'>Templates</a></li>

<li><a href='Link Here'>Edit/Customise Template</a></li>

<li><a href='Link Here'>SEO</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

</div>