How to remove the gap between navigation bar and menu

[asifmallik]

Here is the image preview of the gap:

Here is the CSS code I used:

#cssmenu ul,
 
#cssmenu li,
 
#cssmenu span,
 
#cssmenu a {
  margin: 0;
 
  padding: 0;
 
  position: relative;
 
}
 
#cssmenu 
{
 
  z-index: 1; 
  height: 49px;
 
  border-radius: 5px 5px 0 0;
 
-border-radius: 5px 5px 0 0;
 
  -webkit-border-radius: 5px 5px 0 0;
 
  background: #141414;
 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
 
  border-bottom: 2px solid #0fa1e0;
 
}
 
#cssmenu:after,
 
#cssmenu ul:after 
{
 
  content: '';
 
  display: block;
 
  clear: both;
 
}
 
#cssmenu a 
{
 
  background: #141414;
 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
 
  color: #ffffff;
  display: inline-block;
 
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
 
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
 
}
 
#cssmenu ul 
{
 
  list-style: none;
 
}
 
#cssmenu > ul 
{
 
  float: left;
}
 
#cssmenu > ul > li 
{
 
  float: left;
 
}
 
#cssmenu > ul > li:hover:after 
{
 
  content: '';
 
  display: block;
 
  width: 0;
 
  height: 0;
 
  position: absolute;
 
  left: 50%;
  bottom: 0;
 
  border-left: 10px solid transparent;
 
  border-right: 10px solid transparent;
 
  border-bottom: 10px solid #0fa1e0;
 
  margin-left: -10px;
 
}
 
#cssmenu > ul > li:first-child a 
{
 
  border-radius: 5px 0 0 0;
 
  -border-radius: 5px 0 0 0;
 
  -webkit-border-radius: 5px 0 0 0;
 
}
 
#cssmenu > ul > li:last-child a 
{
 
  border-radius: 0 5px 0 0;
 
  -border-radius: 0 5px 0 0;
 
  -webkit-border-radius: 0 5px 0 0;
 
}
 
#cssmenu > ul > li.active a 
{
 
  box-shadow: inset 0 0 3px #000000;
 
  -box-shadow: inset 0 0 3px #000000;
 
  -webkit-box-shadow: inset 0 0 3px #000000;
 
  background: #070707;
 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
 
}
 
#cssmenu > ul > li:hover > a 
{
 
  background: #070707;
 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
 
  box-shadow: inset 0 0 3px #000000;
  -box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
 
}
 
#cssmenu .has-sub 
{
 
  z-index: 3;
 
}
 
#cssmenu .has-sub:hover > ul 
{
 
  display: block;
 
}
 
#cssmenu .has-sub ul 
{
 
  display: none;
 
  position: absolute;
 
  width: 200px;
 
  top: 100%;
 
  left: 0;
 
}
#cssmenu .has-sub ul li 
{
 
  margin-bottom: -1px;
 
}
 
#cssmenu .has-sub ul li a 
{
 
  background: #0fa1e0;
 
  border-bottom: 1px dotted #6fc7ec;
 
  filter: none;
  position: relative;
  top: 10px;
  font-size: 13px;
 
  display: block;
 
  line-height: 120%;
 
  padding: 5px;
 
  zoom: 1; /* gives the object layout */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  -khtml-opacity: 0.90;
  opacity: 0.90;
}
 
#cssmenu .has-sub ul li:hover a 
{
 
  background: #0c7fb0;
 
}
 
#cssmenu .has-sub .has-sub:hover > ul {
 
  display: block;
 
}
 
#cssmenu .has-sub .has-sub ul 
{
 
  display: none;
 
  position: absolute;
 
  left: 100%;
 
  top: 0;
 
}
 
#cssmenu .has-sub .has-sub ul li a 
{
 
  background: #0c7fb0;
 
  border-bottom: 1px dotted #6db2d0;
 
}
 
#cssmenu .has-sub .has-sub ul li a:hover 
{
 
  background: #095c80;
 
}
 
.address 
{
-webkit-text-size-adjust: none;
 font-family: "Comic Sans MS";
 font-size: 15
} 
  .Marquee {background-image:url('http://farm7.static.flickr.com/6173/6168886653_9fa5437ea5_t.jpg');
        border-style:solid;
    width: 100%;
    height:40px;
        border: thin solid #333;
        border-radius: 1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
        border-width:1px;}
.swap {
background-image:url(images/arrow.jpg);
background-repeat:no-repeat;
color:#ffffff;
    -box-shadow: 0 8px 6px -6px black;
     -box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
 
.swap:hover {
background-image:url(images/arrow2.jpg);
background-repeat:no-repeat;
color:#ffffff;
    -box-shadow: 0 8px 6px -6px black;
       -box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
} 
.miniheader {font-family:"Comic Sans MS";
font-size: 35px;
color:#ffffff;
}
.miniheader:visited {color:#ffffff;
}
.miniheader:hover {color:#ffffff;
}
.miniheader:active {color:#ffffff;
}
#rounded-corner {
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin-right: 10%;
    margin-left: 10%; 
    text-align: left;
    padding: 8px;
    border-collapse:collapse;
    width: 80%;
 
}
#rounded-corner thead th.rounded-company {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/left.png") no-repeat scroll left -1px #B9C9FE;
    width: 10px;
}
#rounded-corner thead th.rounded-q3 {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/right.png") no-repeat scroll right -1px #B9C9FE;
}
#rounded-corner th {
    background: none repeat scroll 0 0 #B9C9FE;
    color: #003399;
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    width:80%;
}
#rounded-corner td {
    background: none repeat scroll 0 0 #E8EDFF;
    border-top: 1px solid #FFFFFF;
    color: #666699;
    padding: 8px;
}
#rounded-corner tfoot td.rounded-foot-left {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/botleft.png") no-repeat scroll left bottom #E8EDFF;
}
#rounded-corner tfoot td.rounded-foot-right {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/botright.png") no-repeat scroll right bottom #E8EDFF;
}
#rounded-corner tbody tr:hover td {
    background: none repeat scroll 0 0 #D0DAFD;
}
.rounded-q1
{
width: 10%;
}

Please fix the code and tell me the problem.


Thank You,
Asif

[zmbd]

Please fix the code and tell me the problem

Why don't you tell us where in your code you set-up this little menu... like the heights etc... and then we'll help you tweek the code.
400 some lines of code to read thru? That's asking alot o-O

[Rabbit]

Also, there's nothing we can do without the HTML. Just the styles doesn't tell us how it's laid out.