html div content,html - Div content visible but disabled - Stack Overflow

I have a div with this style:

#menudiv{

width:20%;

padding:3px;

float:left;

height:100%;

font-family:ubuntu;

font-size:25px;

color:#404040;

}

The problem is that although the div is placed correctly and has the right visual attributes, the content in this div is disabled. As in, the data cannot be selected with click-moving the mouse and the links in this place are unclickable :S

What am I doing wrong here?

P.s. there are two other divs in this section of the page which these styles:

#content{

position:relative;

}

div.sidebar{

float:right;

margin-right:25px;

margin-left:5px;

padding:5px;

font-family:verdana;

font-size:10pt;

width:300px;

border:solid 2px #a0b0c0;

display:flex;

text-align:justify;

}

The content in these divs is normal and can be interacted with.

The content in the div is this:

    HOME

• Menu item 1
• Menu item 2

UPDATE 2

You can check the whole thing @ http://daera.net/daera

The leftmost div (the one with HOME text and 2 list items) has the problem.