Проблем с css

[hisar]

Здравейте значи имам няколко кутийки обаче когато направа три на една линия и направа още едн под тях css-а не и действа ,а спеням всички имен на id-та и в css и в html-а обаче не става ето го:

css:

#vtori_red  {width: 202px; height: 191px; background: #f1f1f1; border: 1px solid #999;}

#vtori_red_title {background: url('../img/left_nav_title.png') repeat-x; width: 189px; height: 25px; margin-top: 5px; margin-left: 5px; 
padding-top: 3px; padding-left: 3px; color: #5f1717; font-weight: bold;}

#vtori_red_body {padding-left: 7px; padding-top: 10px; color: #4f7a92;}

#vtori_red_body a {color: #4f7a92; text-decoration: none;}

#vtori_red_body a:hover {color: #4f7a92; text-decoration: underline;}

html:

        <div id="vtori_red">
        <div id="vtori_red_title">Авто (5002)</div>
        <div id="vtori_red_body">
        <a href="">» Джипове</a><br />
        <a href="">» Бусове</a><br />
        <a href="">» Автомобили</a><br />
        <a href="">» Авточасти</a><br />
        <a href="">» Кари</a><br />
        </div></div>

Моля дайте решение?

Цсс-ми е в папката css/ затова съм писал ../ пред пътя на картинките да знаете..

 

[IzKuFeLiQqQqQ]

CSS

#vtori_red {width: 202px; height: 191px; background: #f1f1f1; border: 1px solid #999;}
#vtori_red_title {background: url('../img/left_nav_title.png') repeat-x; width: 189px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #5f1717; font-weight: bold;}
#vtori_red ul {padding-left: 7px; padding-top: 10px; color: #4f7a92;}
#vtori_red li {display:inline;list-style-type:none;}
#vtori_red li a {color: #4f7a92; text-decoration: none;}
#vtori_red li a:hover {color: #4f7a92; text-decoration: underline;}

HTML

<div id="vtori_red_title">Авто (5002)</div>
<div id="vtori_red">
<ul>
<li><a href="">» Джипове</a><br /></li>
<li><a href="">» Бусове</a><br /></li>
<li><a href="">» Автомобили</a><br /></li>
<li><a href="">» Авточасти</a><br /></li>
<li><a href="">» Кари</a><br /></li>
</ul>
</div></div>