博客链接：http ://confabtest.blogspot.co.uk/
我博客上的导航栏与其他元素重叠，例如特色文章滑块，当您打开文章时，标题顶部和侧面的社交共享小部件部分重叠。
有谁知道我该如何解决这个问题？
这是导航栏的代码：
.menu-secondary-container{position:relative;height:40px;z-index:300;background:#000;padding-left:5px}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#fff;padding:12px 15px 11px 15px;text-decoration:none;font:12px 'Oswald',sans-serif;text-transform:uppercase}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#000;background:url(http://www.colorhexa.com/ff0033.png) repeat-x;outline:0}
.menu-secondary li li a{color:#fff;background:#51ABEE;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#51ABEE;background:#000;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('http://1.bp.blogspot.com/-DuEC7hcoyA4/Tuh_aeS2pzI/AAAAAAAABUY/pKXmvzomJkw/s1600/menu-secondary-shadow.png') no-repeat bottom right}