CODEWITHSUNDEEP
htmlcsswordpress
user2788527
user2788527

Reputation: 21

Problems with <a> in hidden <div>

Why in desktop mode <a> in hidden <div> pushing down menu below? It's happening only in Firefox.

Code example is:

HTML: 

<div id="show-menu"><a href="#">NAVIGATION<a></div>
    <div class="headmenu">
    <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</div>

CSS

#show-menu {
    display:none;
    clear:both; 
}

.headmenu {
    clear:both;
    width:100%;
    height:85px;
    font-size: 13px;
    font-family: 'Droid Serif', serif;
    font-weight: 200;
    color:#232324; 
    text-decoration:none;
    background-image:url("images/menu_bg.jpg"); 
}

Upvotes: 0

Views: 74

Answers (1)

Kaloyan
Kaloyan

Reputation: 7352

Your <a> tag is not properly closed. You're opening a new tag instead:

<div id="show-menu"><a href="#">NAVIGATION<a> <--- here :) </div>

Upvotes: 1

Related Questions