<li><a href="#">Contact US</a>
[COLOR="Magenta"]<ul>
<li><a href="#">France</a></li>
<li><a href="#">USA >></a>
<ul>
<li><a href="#">Chicago</a></li>
<li><a href="#">Ohio</a></li>
</ul>
</li>
<li><a href="#">Australia</a></li>
</ul>[/COLOR]</li>
==> MADE A MISTAKE INSTEAD OF KEEPING LIKE THIS ABOVE
<li><a href="#">Contact US ↓</a>
[COLOR="Lime"] <ul>
<li><a href="#">France</a></li>
<ul>
<li><a href="#">USA ›</a></li></ul>
<ul>
<li><a href="#">Chicago</a></li>
<li><a href="#">Ohio</a></li>
</ul>
<ul>
<li><a href="#">Australia</a></li>[/COLOR]
</ul>
</ul>
</li>
</li>
WRITTEN THE CODE AS BELOW
i am pasting complete code for your reference
thanks for reply
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: x-small;
}
ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul li{
position: relative;
float: left;
width: 150px;
}
li ul{
display: none;
}
li ul ul{
display:none;
position: absolute;
left: 151px;
}
ul li a{
display: block;
background-color: #00CCCC;
color:#000000;
border: 1px solid #ccc;
padding: 5px;
text-decoration: none;
}
ul li:hover ul ul, ul li:hover ul ul ul
{
display:none;
}
ul li:hover ul,ul li li:hover ul,ul li li li:hover ul{
top: 0px;
display: block;
}
#nav li:hover a,
#nav li:hover ul a:hover,
#nav li:hover li:hover a,
#nav li:hover li:hover ul a:hover,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover ul a:hover
{
background-color:#669966;
}
#nav li:hover ul a,
#nav li:hover li:hover ul a,
#nav li:hover li:hover li:hover ul a
{
background-color: #00CCCC;
color:#000000;
}
</style>
</head>
<body>
<h3>T P I P LTD.<h3>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">Cadem</a></li>
<li><a href="#">Managment</a></li>
<li><a href="#">H.R</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Testing>></a>
<ul>
<li><a href="#">test1</a></li>
<li><a href="#">test2</a></li>
<li><a href="#">test3</a></li>
<li><a href="#">Testing >></a>
<ul>
<li><a href="#">test1</a></li>
<li><a href="#">test2</a></li>
<li><a href="#">test3</a></li>
</ul>
</li>
<li><a href="#">test4</a></li>
<li><a href="#">test5</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Contact US</a>
<ul>
<li><a href="#">United kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA >></a>
<ul>
<li><a href="#">Chicago</a></li>
<li><a href="#">Ohio</a></li>
</ul>
</li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>
</body>
</html>
