<style>
#head {
top: 0px;
left: 0px;
height:auto;
background-color:transparent;
padding-top:3px;
padding-bottom:3px;
position:fixed;
z-index:13333333333;
width:100%;
filter:alpha(opacity=80);moz-opacity:.80;opacity:.93;
background-color:#000; <!---- the navi background goes here, leave it blank if you didnt want to use it  ----!>

}
#t1 {
background-color:transparent;
width: 115px;
text-align: center;
display:inline-block;
font-size: 12px;
letter-spacing:3px;
font-family: consolas;
text-transform: uppercase;
color: #fff; <!---- The Menu colour  ----!>
9px;transition: all 0.5s ease;
}
#t1:hover {
color:#000; <!---- The Menu hover colour  ----!>
border-radius: 6px 6px 0px 0px;
9px;transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
#t1:hover #t2 a:moo{
border-top:0px solid #fff;
 }
#t1:hover #t2{
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
background-color:transparent;
z-index:966666666666666666666666666666666666666669;
height:auto;
}
#t2 {
position:absolute;
overflow:hidden;
width: 115px;
height: 0px;
text-transform: uppercase;
line-height: 20px;
font-size: 12px;
font-family: dotum;
padding-top: 3px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
#t2 a{
background-color:#666;
color: #fff;
text-align:center;
display:block;
text-transform: lowercase;
font-style: italic;
line-height: 20px;
font-family: trebuchet ms;
font-size: 7pt;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#t2 a:hover{
text-align: right;
font-family: 'Lora', serif;
font-size: 7pt;
color:#666;
background-color:#f1f1f1;
opacity:100;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#izzy {
width:910px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
</style>
<div id="head">
<div id="izzy">
<div id="t1"><a href="#">home</a>

<div id="t2">

</div>
</div>
<div id="t1">Content
<div id="t2">
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
</div>
</div>

<div id="t1">About
<div id="t2">
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
<a href='#'>Your Dropdown</a>
</div>
</div>
<div id="t1">Others
<div id="t2">
<a href="javascript:void(0)" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=Insert Ur Blog ID here','bloggerwindow','width=410,height=500')">follow</a>
<a href="http://blogger.com/">dashboard</a>
</div></div></div></div>