Невозможно получить границу вокруг элемента div html

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

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

Ответ 1

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

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

Ответ 2

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

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

или

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

Ответ 3

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

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

Ответ 4

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

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

.verticalmembersmenu ul{
    list-style:none;
}


<!--MEMBERS LAYOUT END -->