Upon opening the main page, everything functions flawlessly. However, if I navigate to another page through one of my href links and then return to the main page, my div with the class "bild" disappears. Oddly enough, this issue only occurs in Mozilla Firefox.
<div class="logo"><img src="pricklogo.png"></div>
<div class="linje" style="float:left;"><img src="linje.png"></div>
<div class="meny">
<ul id="avmenu" >
<li> <a href="first.html">Hem</a></li>
<li><a href="omoss.html">Om oss</a></li>
<li><a href="galleri.html">Galleri</a></li>
<li><a href="fourth.html">Kontakt</a></li>
</ul>
</div>
<div class="bild"><img src="bildlogo.png"></div>
Here is a snippet of my CSS:
img
{
max-width: 100%;
height:auto;
}
div.wrapper {
max-width: 1100px;
margin: 0 auto;
}
div.logo
{
width:100%;
margin: 0 auto;
}
div.meny
{
background:#000;
margin-left: auto ;
margin-right: auto ;
width:495px;
}
ul#avmenu {
font-size: 100%;
display:block;
}
ul#avmenu li {
padding-right:46px;
display: inline;
}
ul#avmenu li a {
border-radius:5px;
padding: 2px 10px;
color: #FFF;
text-decoration: none;
}
div.bild
{
padding:10px;
margin: 0 auto;
}