Браузеры игнорируют CSS Selector?

Question

Я получил этот селектор код:

#ajax_hits_counter_popular_posts_widget-2.widget li img { 
// Give the thumbs in the widget some style 
border-radius: 5px; 
margin-right: 10px; 
border: 4px solid #353434 !important; 
} 

Все отрисовка должным образом за исключением border: 4px solid #353434 !important;

При просмотре либо в Firebug или Chrome Dev Tools, граница: свойство не даже появляться все, в то время как другие делают.

Если я вручную ввожу точный код в инструменты Firebug или Chrome, он работает нормально.

Живой здесь (это виджет «Top сообщений» Ленфильм внизу справа): Meanwhile, In America

Кто-нибудь знает почему?

Answer 1

// Give the thumbs in the widget some style 

недопустим в CSS. Возможно, браузер игнорирует следующее свойство, как вы можете видеть в this example. Если вы удалите «комментарий» it works as expected. (На вашей странице объявление border непосредственно следует за «комментарием», в отличие от CSS, размещенного здесь)

Комментарии в CSS должны быть заключены в /* ... */.

---

Как tim.baker mentions, вы должны использовать border вместо border-style.

Answer 2

Глядя на ваш CSS швы, как если бы вы использовали

border-style: 4px solid #353434 !important; 

Использование чисто

border: 4px solid #353434; 

Должно работать