[problem] nieaktywne menu

[Emkacf]

Witam. Moje menu jest totalnie nieaktywne. Przeglądarka reaguje tak, jakby był to zwykły tekst. Nie wiem co mam źle, więc proszę o pomoc.

Kod:

<div id="content">

    <div id="submenu">
        <ul>
            <li class="brown"><a href="#">menu</a></li>
            <li class="brown"><a href="#">menu</a></li>
            <li class="brown"><a href="#">menu</a></li>
        </ul>
    </div>
    
    
    <div id="tresc">
        <p class="title">Lorem ipsum dolor sit amet
        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
        elementum lectus nec sem fringilla non pretium elit aliquam. Class
        aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
        himenaeos. Sed cursus cursus hendrerit. Mauris vitae nisi
        non purus imperdiet dignissim. Fusce et neque ante, nec tristique enim.
        Donec dignissim pellentesque libero, sit amet vulputate quam eleifend quis.
        Praesent vel mattis felis. Aliquam erat volutpat. Integer tempus facilisis
        dolor ut dapibus. Nulla facilisi. Donec molestie quam eu magna
        ornare consequat. Suspendisse potenti.
    </div>
    
</div>

Kod:

#content {

width: 960px;
height: auto;
position: relative;

}

#submenu {
float:left;
width:258px;
min-height: 300px;
position: relative;
}




#submenu ul {

padding-left: 40px;
padding-top:60px;


}

#submenu ul li {

text-align:center;
padding-top:10px;
padding-right:20px;
padding-left:10px;

}


#submenu  ul li a {

text-decoration:none;
color:#f9d9a0;
font-size:30px;


}

#submenu a:hover, a:active {

color:#be734c;

}

.brown {

background: url("../img/tlosub.png") no-repeat;
width:150px;
height:39px;
padding-top:10px;
line-height: 15px;
}

---

Problem rozwiązany można zamknąć

treść była nad menu - wystarczyło z-index