Unwanted Black Line Under Menu

• 

  chemengineeringposts · Member · Oct 4, 2011 at 3:40 pm

  • Copy link
  • Add topic to favorites

  Hey guys!
  So for some reason I am getting this weird black bar at the bottom of my menu. Cant locate where in the code it might be coming from. Never seen this problem before. Any ideas? Here’s the link: http://chemengineeringposts.wordpress.com/
  Here is the code I got running: _____
_________
______________________________
#header {
top:200px;
width:568px;
padding:0;
}

  #site-title a {
  display:none;
  }

  #site-description {
  display:none;
  clear:right;
  float:right;
  font-style:italic;
  width:220px;
  opacity:0;
  margin:15px 0 18px;
  }

  #branding img {
  border-top:0;
  border-bottom:0;
  display:block;
  float:right;
  margin:20px;
  }

  #wrapper {
  width:900px;
  }

  MENU
  _________________________________________________
  #access {
  background:#ffffff;
  float:left;
  width:940px;
  height:0;
  top:60px;
  margin:0 auto;
  }

  #access .menu-header,div.menu {
  font-size:12px;
  margin-left:3px;
  margin-top:3px;
  width:928px;
  }

  #access .menu-header ul,div.menu ul {
  list-style:none;
  left:32px;
  margin:-23px;
  }

  #access .menu-header li,div.menu li {
  float:left;
  position:relative;
  }

  #access a {
  color:#343653;
  display:block;
  line-height:22px;
  text-decoration:none;
  padding:0 10px;
  }

  #access ul ul {
  box-shadow:0 0 0 rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 0 rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 0 rgba(0,0,0,0.2);
  display:none;
  position:absolute;
  top:28px;
  left:0;
  float:left;
  width:180px;
  z-index:99999;
  }

  #access ul ul li {
  min-width:180px;
  }

  #access ul ul ul {
  left:100%;
  top:0;
  }

  #access ul ul a {
  background:#333;
  line-height:0;
  width:160px;
  height:auto;
  padding:10px;
  }

  #access li:hover > a,#access ul ul :hover > a {
  background:#80949b;
  color:#ffffff;
  }

  #access ul li:hover > ul {
  display:block;
  color:#ffffff;
  }

  #access ul li.current_page_item > a,#access ul li.current_page_parent > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {
  color:#006384;
  }

  * html #access ul li.current_page_item a,* html #access ul li.current_page_parent a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover {
  color:#ffffff;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  chemengineeringposts · Member · Oct 4, 2011 at 3:47 pm

  • Copy link

  Hmmmm… There is one at the bottom too.
  Looks like my width of my wrapper is a little too small? But I wanted to make my header fit into the main window.
  My footer is rolling off too… Hmmmm, any idea’s? Thanks again.

• 

  thesacredpath · Member · Oct 4, 2011 at 6:32 pm

  • Copy link

  I don’t see any black line at the bottom of the navigation. I do see one at the top of the footer. Also, what do you mean the footer is “rolling off too”.