CSS+JS dropdown menu

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title> jsFiddle demo</title>

    <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

<style type='text/css'>

#menu {
    list-style:none;
    width:auto;
    margin-top: 0px;
    padding:0;
    background-color: #acdcdc;
    font: normal 1em Verdana;
}

#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 5px 10px 5px 10px;
    border:none;
    border-right: 1px solid #777777;
}

#menu li:hover{
    border-right: 5px solid #777777;
    padding: 5px 10px 5px 10px;
    background: #ffffff;
}

#menu li div{
    display:none;
    position:absolute;
    top: 100%;
    left: 0;
    width: 200px;
    text-align:left;
    line-height:2em;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#menu span.closex {
    float:right;
    cursor: pointer;
}

/*
#menu li:hover div{
    display:block;
}
*/

#menu .content .ok {
    text-align: center;
    height: 4ex;
    width: 7em;
    display: block;
    color: #fff;
    text-decoration: none;
    background-color:#68a3a3 ;
    border: solid 1px #68a3a3;
    border-radius: 3px;
    font: normal 1em Verdana;
}

.left_content_tab_text,
.left_content_tab_combobox {
    float:right;
}


</style>

<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){
    $('.drop').mouseenter(function(){
        $('#menu .content').hide();
        $(this).next('.content').show();
    });
    $('.closex').click(function(){
        $(this.parentNode).hide();
    });
});
//]]>
</script>


</head>
<body>

    <form name="form1" action="" method="post">
    <ul id='menu'>
                <li><a href='#' class='drop'>lyže</a>
                    <div class='content'>
                        <b>vyber lyže</b><br/>
                        IDN <input class='left_content_tab_text' type='text' name='equipmentIDN'/><br/>
                        velikost <select class='left_content_tab_combobox' name='equipmentSize'>
                                </select></br>
                        rozteč vázání <select class='left_content_tab_combobox' name='equipmentSize'>
                                        </select><br/>
                        popis <input class='left_content_tab_text' type='text' name='equipmentDescription'/><br/>
                        <span class="closex">zrušit x</span>
                        <input type='submit' class='ok' value='ok'/></br>
                    </div>
                </li>
                <li><a href='#' class='drop'>snowboard</a>
                    <div class='content'>
                        <b>vyber snowboard</b><br/>
                        IDN <input class='left_content_tab_text' type='text' name='equipmentSnbIDN'/><br/>
                        velikost <select class='left_content_tab_combobox' name='equipmentSnbSize'>
                                        </select><br/>
                        popis<input class='left_content_tab_text' type='text' name='equipmentSnbDescription'/><br/>
                        <span class="closex">zrušit x</span>
                        <input type='submit' class='ok' value='ok'/><br/>
                    </div>
                </li>
                <li><a href='#' class='drop'>boty</a>
                    <div class='content'>
                        <b>vyber boty</b><br/>
                        IDN <input class='left_content_tab_text' type='text' name='equipmentBootsIDN'/><br/>
                        druh <select class='left_content_tab_combobox' name='equipmentBootsKind'>
                                <option value='boots_ski'>lyžařské boty</option>
                                <option value='boots_snb'>snb boty</option>
                            </select><br/>
                        velikost <select class='left_content_tab_combobox' name='equipmentBootsSize'>
                                </select><br/>
                        rozteč boty<br/>
                            <select class='left_content_tab_combobox' name='equipmentBootsSize'>
                                </select><br/>
                        popis<br/>
                        <input class='left_content_tab_text' type='text' name='equipmentBootsDescription'/><br/>
                        <span class="closex">zrušit x</span>
                        <input type='submit' class='ok' value='ok'/><br/>
                    </div>
                </li>

                <li><a href='#' class='drop'>hole</a>
                    <div class='content'>
                        <b>vyber hole</b><br/>
                        IDN<input class='left_content_tab_text' type='text' name='equipmentSnbIDN'/><br/>
                        velikost <select class='left_content_tab_combobox' name='equipmentSnbSize'>
                                </select><br/>
                        <span class="closex">zrušit x</span>
                        <input type='submit' class='ok' value='ok'/><br/>
                    </div>
                </li>

                <li><a href='#' class='drop'>helma</a>
                    <div class='content'>
                        <b>vyber helmu</b><br/>
                        IDN <input class='left_content_tab_text' type='text' name='equipmentSnbIDN'/><br/>
                        velikost <select class='left_content_tab_combobox' name='equipmentSnbSize'>
                                    </select><br/>
                        popis<br/><input class='left_content_tab_text' type='text' name='equipmentSnbDescription'/><br/>
                        <span class="closex">zrušit x</span>
                        <input type='submit' class='ok' value='ok'/><br/>
                    </div>
                </li>

                <li><a href='#' class='drop'>ostatní</a>
                    <div class='content'>
                        <br><br><br><br><br>
                        <br><br><br><br><br>
                        <br><br><br><br><br>
                        <span class="closex">zrušit x</span>
                    </div>
                </li>

    </ul>
    </form>

</body>

</html>