Всем здрасте. Проблема заключается в том,что на сайте, на котором присутствует верхняя строка-меню(хотя меню это сложно назвать, ибо это в основном нефункциональная полоска как элемент дизайна с логотипом) при прокручивании страницы, элементы не скрываются под ней,а напротив на неё лезут. Это раздражает и почему это происходит, я понять не могу.
<html>
<head>
<link href="style.css" rel="stylesheet">
<meta charset = "UTF-8">
</head>
<body>
<script src="./js/menu.js">
</script>
<div class = "top"><a href="index.php"><img src="logo.png" alt="Logotype" id="top_logo"></a></div>
</body>
</html>
.top{
position:fixed;
width:100%;
height:10%;
top: 0px;
left:0px;
background-color:darkgray;
color:white;
}
#top_logo{
height:100%;
top:0px;
width:30%;
left:0px;
margin-left:0px;
text-align:left;
display:block;
}
