CSS - не может получить свойства стиля

Question

У меня есть div с именем "box", но я не могу использовать стиль css из файла style.css

<div id="right">


        <?php
            $cc = 1;
        for($i=1; $i<=71; $i++)
            {
                $query = mysql_query("SELECT * FROM photos WHERE product_id='".$i."'");
                $row = mysql_fetch_array($query);
                $t="img/";
                $file = $t .$row[1];
                if($cc % 5 == 1) echo "<ul>";
                echo '<li><div id="box"><a href="#"><img src =thumb.php?file=' . $file . '&size=120></a></div></li>';
                if($cc % 5 ==0) echo "</ul>";
                $cc ++;
                } ?>


    </div> 

Если я добавлю объявление стиля css, оно будет работать

 #right {
/*margin-left: 12em;*/
padding-left: 50px;
border-left: 1px solid #CCC;
 }
 #right img {
border: 1px solid #CCC;
 }
#right li { display: inline-block; }


#box {width: 150px; height: 150px; background-color: white; text-align: center;padding-top:20px;}

В чем проблема?

Answer 1

Опубликуйте свой style.css (чтобы убедиться, что он правильный), и полностраничный источник HTML (чтобы убедиться, что вы правильно включили style.css).

CSS должен выглядеть так:

#box {
width: 150px; 
height: 150px; 
background-color: white;
text-align: center;
padding-top:20px;
}

Answer 2

Переписать первый оператор:

echo '<li><div id="box"><a href="#"><img src="thumb.php?file=' . $file . '&size=120"></a></div></li>';

Незначительный переписать второй оператор:

echo '<li><div style="width: 150px; height: 150px; background-color: white; text-align: center; padding-top:20px;">';

Попробуйте их и дайте мне знать, если он работает немного лучше (некоторые частивашего HTML был немного искажен, поэтому я настроил их).

Кроме того, это не повредит, если вы приложите соответствующий <link rel="stylesheet" href="link_to_stylesheet.css" />, а также фактический CSS для div#box.