Не удается получить границу вокруг HTML-элемента div

Question

Я не могу понять, почему я не могу получить границу вокруг моего div здесь.Мой jsfiddle:

http://jsfiddle.net/4HnKs/1/

Я просто схожу с ума от того, что смотрю на экран моего компьютера, но если вы посмотрите на класс verticalmembersmenu в CSS, я не могу дляжизнь меня понять, почему я не могу получить границу вокруг div.

Answer 1

Вы используете комментарии в стиле HTML в своем CSS, который, кажется, нарушает рендеринг, посмотрите на http://jsfiddle.net/4HnKs/3/

Некоторую информацию о комментариях смотрите на http://www.w3.org/TR/CSS2/syndata.html#comments

Answer 2

вы можете задать встроенный стиль для div как

 <div class="verticalmembersmenu" style = "border:1px solid black;">

или

.verticalmembersmenu ul{
list-style:none; border:1px solid black;
}

Answer 3

Мне потребовалось некоторое время, чтобы найти, но проблема на самом деле связана с вашим форматированием CSS. CSS не распознает теги комментариев html, но вместо этого использует / * * /.

 <!--MEMBERS LAYOUT START -->
.verticalmembersmenu {
    height:300px;
    width:300px;
    border:1px solid black;
}

.verticalmembersmenu ul{
    list-style:none;
}


<!--MEMBERS LAYOUT END -->

Answer 4

укажите границу в теге ul.

.verticalmembersmenu ul{
    list-style:none; border:1px solid black;
    }