не отображается рамка border - Вопросы по CSS

Вопрос такой сделал свой CSS вставил его в отдельный файл прописал его в XML шаблона.вставил код в HTML матерьяла но по какой то не понятной причине рамки НЕТ! не понимаю почему её нет...помогите.
.panel1 {
   
   border: 1px groove black;
   background: #a7c0dc;
   padding: 2px 0px 0px 5px;
        text-align: left;
        width: 40%;
   height:auto;
   overflow:auto;
   background-color: #F0F0F0;
   vertical-align: top;
   left: 5px;
   
   margin-right: 7px;
   padding-top: 10px;
   
   text-align: left;}
   
   .panel2 {
   
   border-top: 1px dashed black;
   width: 99%;
    left: 5px;
   margin-right: 7px;
   padding-top: 10px;
   float: left;    }
   

при чём если вставить в CSS модуля то там отображается но с криво.сверху на эту рамку накладывается заголовок ниже стоящего материяла. не понимаю в чём причина.когда мой CSS в отдельном файле не работает.

В файл template.css (template_css.css), вместо шаблона, вверху попробуйте дописать В каком браузере не отображается? А еще лучше - ссылку

да помогло хотя вставлял в template.css (template_css.css) а точней выводил но накладывал фигня какая то. это глюк такой?