Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Alittle Navigation Help Re: Alittle Navigation Help

#84257
CreativeFly
Member

Paulie

So that still didn’t get rid of the mysterious space below the menu. here is the screenshot and below is the html and css. i’ve looked through the reset file and can’t find anything that would be causing it either. I even took all the spans out of the menu thinking maybe that was causing it and nothing.

html

 

css

body{
background:#FFFFFF url(img/scBKG.jpg) repeat-x;
}

#wrapper{
padding:0;
margin:0 auto;
}

#header{
overflow:hidden;
height:146px;
margin-bottom:15px;
}


#logo{
margin-top:11px;
}

#menu_social_bag{
border-bottom:5px solid #5b6165;
overflow:hidden;
}

#mainMenu{
margin-top:55px;
}

#menuItems .menuNumber{
border-right:5px solid #5b6165;
margin-right:2px;
font-size:43px;
font-weight:bold;
font-family:arial;
}

#menuItems li {
display:block-inline;
list-style-type:none;
padding-right:5px;
float:left;
}

#menuItems li a {
display:block-inline;
text-decoration: none;
height:25px;
position:relative;
top:-10px;
font-size:25px;
font-weight: bold;
position: relative;
top: -15px;
color:#5b6165;

}


#menuItems li a:hover {
text-decoration: none;
color:#cbcdce;
}

.meta {
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff !important;
text-transform: uppercase;
text-shadow:none;
text-align:right;
padding-left:55px;
position: relative;
top: -30px;
}

#bag_social{
overflow:hidden;
}

#bag_social #social{
float:right;
}

#bag_social #social img{
margin-right:5px;
}

#bag_social #bag{
margin-top:35px;
padding-left:5px;
border-left:1px solid #5b6165;
float:left;
}

#bag_social #bag img{
margin-right:5px;
}

Any ideas? or anybody else have any ideas of what may be causing it… this thing has me stopped in my tracks. GRRRRRRRRRRRRRR

Mike