Menu med <ul> <li>

ul.menu{}

ul.menu li{padding: 2px 2px;list-style-type: none;margin-left: 5px;margin-right: 5px;}

ul.menu li div ul{margin:3px 0px 0px 0px;list-style: none;}

ul.menu li div ul li{background-image: none;margin:0px 0px 5px 0px;padding: 0px;line-height: 12px;}

ul.menu a {text-decoration:none;}

ul.menu .active {font-weight:bold;}

ul.menu a:link{color:#000;}
ul.menu a:visited{color:#000;}
ul.menu a:hover{color:#0000CC;text-decoration: underline;}
ul.menu a:active{color:#870101;}

ul.menu li div{
            background-image: url(images/menupoint.gif);
            background-position    : 0px 4px;
            background-repeat: no-repeat;
            padding-left: 9px;
            margin-left:3px;
            line-height:14px;
            overflow:hidden;
            }

ul.menu li ul {display: none}
ul.menu li ul li div {margin-left:-10px;}


                <ul class="menu">
                    <li><div><a href="#">Menu 1</a></div></li>
                    <li><div><a href="#">Menu 1</a></div></li>
                    <li><div><a href="#">Menu 1</a></div></li>
                </ul>


Hvordan rykker jeg min menu længere mod venstre.

se www.selek.com/test/