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

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

, пожалуйста, укажите границу в теге ul.

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

Answer 3

и может дать внутренний стиль в Div в

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

или

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

Answer 4

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

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

.verticalmembersmenu ul{ 
    list-style:none; 
} 


<!--MEMBERS LAYOUT END -->