Не получается задать границу в меню

[fa_t]

 

Собственно в этом то и проблема, не знаю как задать границу. Подскажите пожалуйста.

 

Вот код CSS

@charset "utf-8";/* CSS Document */*{padding:0; margin:0;}body{background:#e3e3e3 url(../images/bg-body.jpg) center 29px no-repeat;    }#wrapper{width:1346px; margin:0 auto;     }#header{height:199px; }      #menu {       background: #575757;border-top: 1px solid #000000;            border-bottom: 1px solid #000000;            }      #menu ul { font: bold 13px Verdana; display:inline-table; position: relative;      }      #menu li { float: left; list-style: none; width: 140px; text-align: center; border-right:1px dotted #000;      }      #menu li a {      text-decoration: none; display:block; color: #fff; background: #575757; padding: 5px;      }      #menu li a:hover { color: #575757; background: #c0c0c0;      }       .hallo h2{  text-align:center;  padding-top:15px;  font: 16px "Arial"; color: white;        }       .hallo h2 span{color:#514c35;font-weight:bold; } .logo{padding: 40px 0 0px 1135px; } .logo img {opacity:0.8;-moz-opacity:0.8;filter: alpha(opacity=80) black;-khtml-opacity: 0.8;}.logo img:hover {opacity:1;-moz-opacity:1;filter: alpha(opacity=100) black;-khtml-opacity: 1;}#menu.secondmenu{background: #3D647F;border-top: 1px solid #000000;    border-bottom: 1px solid #000000; }#menu.secondmenu li a {      text-decoration: none; display:; color:; background: #3D647F; padding: 5px;  }#menu.secondmenu li a:hover {color: #575757;background: #c0c0c0;}#menu ul ul {display: none;position: absolute;top: 100%;}#menu.secondmenu ul ul li {float: none;position: relative;border-right:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;}#menu ul ul ul {position: absolute;top: 0;left: 100%;}#menu ul li:hover > ul {display: block;}

 

Код HTML

 

<div id="menu" class="secondmenu"><ul><li><a href="#">Украина</a></li><li><a href="#">Европа</a><ul><li><a href="#">Австрия</a></li><li><a href="#">Германия</a></li><li><a href="#">Италия</a></li><li><a href="#">Испания</a></li></ul></li><li><a href="#">Б. Восток</a><ul><li><a href="#">Турция</a></li><li><a href="#">Сирия</a></li><li><a href="#">Ливан</a></li></ul></li><li><a href="#">Кавказ</a></li></ul></div>

 

 

Ещё столкнулся с тем, что задавая в #menu.secondmenu ul ul li{border-bottom:1px dotted #000} - цвет почему то белый. Хотя для solid, все цвета меняются.

 

Заранее спасибо.

Edited February 4, 2014 by rus
сверху окна сообщения есть bb теги форума - оформляйте код с их помощью!

[darknebel]

Проблема в том, что выпадающее меню перекрывает границу.

 

Попробуй в #menu ul ul задать border-top:1px solid #000000;

[darknebel]

#menu.secondmenu ul ul li{border-bottom:1px dotted #000}

 

Это не белый цвет, это виден цвет нижнего слоя (в этом случае – body). Если задать фон для списка (#menu ul ul), а не для ссылок (#menu li a, #menu.secondmenu li a), то все отображается нормально.

[fa_t]

в #menu ul ul задал отступ сверху padding-top:1px; и таким образом добился нужного результата.