this is the sampe post

<div id='rside-area'>
<div class='sidebar section' id='sidebar31'><div class='widget HTML' id='HTML1'>
<h2 class='title'>Recent Posts</h2>
<div class='widget-content'>
<style>
#sbfixed {
position:fixed;
top:0;
left:0;
width:100%;
height:40px;
z-index:999;
}
#sbfixedinner{
text-align:center;
background:transparent;
height:40px;
position:relative;
z-index:999;
}
* html, * html body{
overflow-y:hidden;
height:100%;
}
* html #sbfixedinner{
margin-right:-143px;
voice-family: "\"}\"";
voice-family:inherit;
}
* html #sbfixedinner{
margin-right:17px;
}
* html #sbfixed {
position:absolute;
}
#sbtop-wrapper{
background:#20263c;
width:100%;
float:left;
margin:0 auto;
padding:0 auto;
-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);
border-bottom:1px solid #444;
border-top:3px solid rgb(72, 161, 250);
}
#sbtopbar{
width:980px;
height:40px;
margin:0 auto;
}
#sbtop{
width:100%;
}
#sbtop,#sbtop ul{
list-style:none;
font-family:Arial, serif;margin:0;padding:0;
}
#sbtop a{
display:block;
text-decoration:none;
font:normal 11px Arial;
text-transform:none;
color:#CECECF;
border-right:1px solid #484747;
border-left:1px solid #191919;
padding:7px 10px 7px;
}
#sbtop a.arrow{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5vGUHS0HGChYpZRdBvxo6nTLKSGS2pNcQsB96OxRLMKqlKTZMXSYFWtZz_N8gN_kyxhxZRjPgtVUxDBzY6PSsMYVnP5J6iTZlQmLr2Ug8xuPXw7n77pcH5soVqo53MurtuCrJ9ppkov4/s1600/arrow_white.gif);
background-repeat:no-repeat;
background-position:right center;
padding:7px 24px 7px 10px;
}
#sbtop li{
float:left;
position:static;
width:auto;
}
#sbtop li ul,#sbtop ul li{
width:170px;
}
#sbtop ul li a{
text-align:left;
color:#fff;
font-size:12px;
font-weight:400;
text-transform:none;
font-family:Arial;
border:none;
padding:5px 10px;
}
#sbtop li ul{
z-index:100;
position:absolute;
display:none;
background:#222;
padding-bottom:0px;
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4);
}
#sbtop li:hover a,#sbtop a:active,#sbtop a:focus,#sbtop li.hvr a{
background-color:#222;
color:#fff;
}
#sbtop li:hover ul,#sbtop li.hvr ul{
display:block;
}
#sbtop li:hover ul a,#sbtop li.hvr ul a{
color:#edfdfd;
background-color:transparent;
text-decoration:none;
}
#sbtop li ul li.hr{
border-bottom:1px solid #333;
border-top:1px solid #000;
display:block;
font-size:1px;
height:0;
line-height:0;
margin:0px 0;
}
#sbtop ul a:hover{
background-color:rgb(72, 161, 250)!important;
color:#fff!important;
text-decoration:none;
}
#sbtop a span,#sbtop a.arrow span{
font:bold 12px Arial;
color:#888;
display:block;
line-height:16px;
text-transform:uppercase;
text-shadow: 1px 2px 2px #000;
}
#sbtop li:hover a span,#sbtop li:hover a.arrow span{
color:#f1c822;
}
</style>

<div id="sbfixed">
    <div id="sbfixedinner">
        <div id="sbtop-wrapper">
            <div id="sbtopbar">
                <ul id="sbtop">
                    <li><a href="/"><span>Welcome</span>Homepage</a></li>
                    <li><a href="/"><span>Welcome</span>Homepage</a></li>
                    <li><a href="/"><span>Welcome</span>Homepage</a></li>
                    <li><a href="/"><span>Welcome</span>Homepage</a></li>
                    <li><a href="/"><span>Welcome</span>Homepage</a></li>

                    <li><a href="#"><span>COLUMNS</span>How Many</a>
                        <ul>
                            <li><a href="3n">1 Column</a></li>
                            <li></li>
                            <li><a href="3">2 Column</a></li>
                            <li></li>
                            <li><a href="3n">3 Column</a></li>
                            <li></li>
                            <li><a href="3n">4 Column</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><span>SIDEBARS</span>Which Side</a>
                        <ul>
                            <li><a href="3r">1 Left Sidebar</a></li>
                            <li></li>
                            <li><a href="3r">2 Left Sidebar</a></li>
                            <li></li>
                            <li><a href="3">1 Right Sidebar</a></li>
                            <li></li>
                            <li><a href="#">2 Right Sidebar</a></li>
                            <li></li>
                            <li><a href="#">Left And Right Sidebar</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><span>STYLE</span>Take Your Style</a>
                        <ul>
                            <li></li>
                            <li><a href="#" rel="nofollow">Elegant</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Facebook</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Free Premium</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Floral</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Gallery</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Joomla Look </a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Magazine</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Simple</a></li>
                            <li></li>
                            <li><a href="/search/label/Unique">Unique</a></li>
                            <li></li>
                            <li><a href="#">Twitter</a></li>
                            <li></li>
                            <li><a href="#">Web 2.0</a></li>
                            <li></li>
                            <li><a href="#">Wordpress Look</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><span>Colors</span>Fully Customize</a>
                        <ul>
                            <li></li>
                            <li><a href="#k" rel="nofollow">Black</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Blue</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Brown</a></li>
                            <li></li>
                            <li><a href="#n" rel="nofollow">Green</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Gray</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Orange</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Pink</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Red</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Violet</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">White</a></li>
                            <li></li>
                            <li><a href="#" rel="nofollow">Yellow</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div style="clear:both;">
            </div>
        </div>
    </div>
</div>
</div>
<div class='clear'></div>