下拉列表UL框在左侧创建边距

Question

我刚刚开始建立一个网站，简而言之： 我正在制作一个致命的简单下拉菜单，但是没有成功。 为了缩短它，我给每个元素一个背景颜色。 我想知道为什么这些盒子就像那样，他们 拥有各自的尺寸。灰色的比它应该宽。 浮动：右边似乎对两个元素都不起作用。一个远离另一个，它们都应该位于右边界。 红色边框也应该消失：

#dropdown{
    display:block;
    float:right;
    background:#666;
    width:120px;
}

#logo-type{
    height:90px;
    background-image:url("https://picload.org/image/rgrwoopr/logo_font.jpg");
    width:90px;
    background-color:green;
    float:right;
}

#dropdown ul{
    margin-top:91px;
    background-color:red;
    width:120px;
}

#dropdown ul li{
    font-size:12px;
    width:120px;
    height:40px;
    background-color:black;
    list-style:none;
    text-align:center;
}

#dropdown ul li a{
    color:white;
  text-decoration:none;
}
#dropdown  ul li a:hover{
    text-decoration:none;

}
#dropdown ul li:hover{  
    background-color:#0C6;
}


<div id="dropdown">
    <a id="logo-type" href="#"></a>
    <ul>
        <li><a href="">DELUXETRAVEL</a></li>
        <li><a href="">BLOG</a></li>
        <li><a href="">PREMIUM CLUB</a></li>
    </ul>
</div>