Zdarzył mi się trywialny ale dość irytujący problem z wyglądem strony. Mimo wielu prób nie udało się uzyskać zadowalającego efektu. Chrome wyświetla moją stronę niepoprawnie.
#top_nav {
font-family: 'ubuntumedium';
text-transform: uppercase;
font-size: 1em;
width: 100%;
**position: fixed;**
z-index: 99;
background-color: rgba(0, 102, 102, 0.7);
border-bottom: 2px solid white;
}
.dzielacz_menu {
clear: both !important;
**position: absolute;**
}
header {
height: 300px;
overflow-x: hidden;
overflow-y: hidden;
border-bottom: 3px solid white;
margin: 0;
padding: 0;
top: 0;
}
<nav id="top_nav">
<!-- ciało nawigacji -->
</nav>
<br class="dzielacz_menu" />
<header>
<img src="img/banner10.jpg" alt="banner"/>
</header>
W FF pomogło dodanie znacznika br z pozycjonowaniem ** absolute**, Chrom tego nie uznaje.