html - 无法更改子菜单样式

Question

我需要将我的子菜单向左对齐并留有一些边距并从右侧删除边框......但是如果我删除它，菜单中的边框也会被删除，我不想要这个......

<nav>
    <ul class="fancyNav">
        <li id="quemsomos" class="menlog"><a href="index.php"><img src="imgs/Logo.png"  width="37" height="45" /></a>
        </li>
        <li id="quemsomos"><a href="quemsomos.php?web=1"><font face="din" size="4">QUEM SOMOS</font></a>
            <!--start of sub menu-->
            <ul>
                <li><a href="#">link the zone 1</a>
                </li>
                <li><a href="#">link2</a>
                </li>
                <li><a href="#">l for example</a>
                </li>
            </ul>
            <!--end of sub menu-->

http://jsfiddle.net/RHCn7/2/

Answer 1

演示

#quemsomos ul {
    padding: 0;
    margin-left: 5px;
}
#quemsomos ul li {
    border: none;
}

编辑（回答评论中的请求）：

演示

#quemsomos ul li {
    border: none;
    width: 100%;
    text-align: left;
}

Answer 2

添加填充

ul li ul {
    display: block;
    border: 0;
    position: absolute;
    background-color: #D5D5D7;
    opacity: 1;
    padding: 8px;
}

检查这个：http: //jsfiddle.net/RHCn7/6/