Есть сайт,его код скинул,такая проблема там верхнее меню есть в виде списка,и если какой то элемент оказывается над логотипом,то он перестает работать как ссылка,не могу найти проблему
*{
margin: 0;
padding: 0;
outline: none;
}
body{
background: url(../images/bg.png) no-repeat center;
background-size: 110%;
font: 12px Arial, Tahoma, sans-serif;
}
a{
text-decoration: none;
}
.b3radius,.header_buttons ul li{
border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
}
#mainbody{
width: 1000px;
margin:35px auto;
background: url("../images/mainline.png") #fff;
box-shadow: 0px 1px 3px #000000;
-webkit-box-shadow: 0px 1px 3px #000000;
-o-box-shadow: 0px 1px 3px #000000;
-moz-box-shadow: 0px 1px 3px #000000;
overflow: hidden;
}
h1{
font-size: 30px;
color: green;
}
.f_left,#menu1 ul li,h1,.header_buttons ul li{
float: left;
}
.f_right,input[name=topsearch]{
float: right;
}
#logo1{
padding-bottom: 18px;
padding-top: 1px;
padding-left: 18px;
}
#header1{
height: 95px;
outline: solid 1px #000;
background: #fff;
position: relative;
}
#sidebar1{
width: 195px;
border-right: solid 3px #C7D4E1;
}
#content1{
float: right;
height: 400px;
width: 800px;
}
.clr{
clear: both;
}
#menu1{
width: 1000px;
padding-top: 5px;
height: 35px;
border-bottom: solid 4px #b1b1b1;
}
#menu1 ul{
list-style: none;
}
#menu1 ul li{
padding-bottom: 10px;
line-height: 35px;
padding: 0 20px;
border-right: solid 1px #F1F1F1;
}
#menu1 ul li:last-child {
border-right: none;
}
#menu1 ul li:hover{
background: #f1f1f1;
}
#menu1 ul li a{
color: #868686;
display: block;
line-height: 35px;
padding: 0 7px;
}
input[name=topsearch]{
margin-right: 10px;
height: 25px;
margin-top: 5px;
border: none;
box-shadow: inset 0px 1px 3px rgba[0,0,0,..0.1];
background: #f0f0f0;
padding: 0 5px;
width: 145px;
}
.search1{
margin-top: 10px;
margin-right: 15px;
float: right;
}
.bottomlogo1{
color: #A9A9A9;
font-size: 13px;
padding-top: 40px;
padding-bottom: 3px;
position: relative;
padding-left: 12px;
}
.header_right{
width: 520px;
height: 40px;
padding-top: 5px;
margin-right: 8px;
}
.header_profile{
background: url(../images/arrow.png) no-repeat center left;
max-width: 180px;
height: 40px;
border-right: solid 1px #f1f3f2;
padding-right: 10px;
position: relative;
}
.header_profile ul{
list-style: none;
display:none;
padding-left: 5px;
}
.header_profile:hover{
background: #f0f0f0;
}
.header_profile:hover ul{
display: block;
padding-left: 5px;
position: absolute;
top: 40px;
background: rgba[0.0.0.0.3];
right: -1px;
width: 100%;
color: #fff;
text-shadow: 1px 1px 1px rgba[0,0,0,.3];
}
.header_profile:hover ul li{
text-align: right;
padding: 3px 5px;
background: #C0C0C0;
}
.header_text{
font-family: bold;
color: #515151;
min-width: 130;
text-align: right;
margin-top: 7px;
float: left;
margin-right: 10px;
}
.header_text span{
font-size: 10px;
color: #b6b6b6;
}
.hp_photo{
border: solid 1px black;
margin-top: 4px;
}
.header_buttons ul{
list-style: none;
margin-top: 10px;
}
.header_buttons ul li{
background: #A9A9A9;
margin-right: 5px;
}
.header_buttons ul li a{
color: #fff;
padding: 6px;
display: block;
padding-left: 20px;
}
.header_buttons ul li:hover{
background: #D3D3D3;
}
<! DOCTYPE html>
<html>
<head>
<title>Gworld Тащит</title>
<meta charset="utf-8">
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="Mainbody" class="b3radius">
<div id="header1">
<div id="Menu1">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Что либо</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="#">Дизнь</a></li>
<li><a href="#">Добавить новость</a></li>
</ul>
<form method="" action="">
<a href="#"><img src="images/search.png" alt="хз"
width="15" height="15" class="search1 f_right"></a><input type="text" name="topsearch"
placeholder="Что ищем?:D" class="b3radius">
</form>
</div>
<div id="Logo1">
<h1><span style="color: red">G</span><span>world</span></h1>
<span class="BottomLogo1">Мы на шаг позади</span>
<div class="header_right f_right">
<div class="header_profile f_left">
<div class="header_text">KurbanMamaev<br>
<span>Новых сообщений 0</span></div>
<div class="f_right">
<img src="images/avatar.jpeg" width="35" height="30" class="b3radius hp_photo">
</div>
<ul>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
</ul>
</div>
<div class="header_buttons b3radius">
<ul>
<li><a href="#"><span>Правила на сайта</span></a></li>
<li><a href="#">Добавить материал на сайт</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="sidebar1" class="f_left">
</div>
<div id="content1" class="f_right">
</div>
<div class="clr"></div>
</div>
</body>
</html>
Простой
Простой