顯示文本和圖像在CSS

Question

我有一個數據庫，建立了武器出售，我這裏有我的PHP代碼：正確

<?php 

echo '<link rel="stylesheet" href="display.css" type="text/css">'; 

function FindPhoto($name) 
{ 
    $dir_path = "http://www.chemicalzero.com/FireArms_Bis/Guns/"; 
    $extensions_array = array('jpg','png','jpeg'); 
    echo "<img src='$dir_path$name' style='width:100px;height:150px'>"; 
    echo "TESTING"; 
    echo "</div>"; 
} 


$connection = mysql_connect('localhost', 'USER', 'PASSWORD'); 
mysql_select_db('DATABASE'); 

if(mysqli_connect_errno()){ 
    die("connection failed: " 
    . mysqli_connect_error() 
    . " (" . mysqli_connect_errno() 
    . ")"); 
} 

$query = "SELECT * FROM Guns"; //You don't need a ; like you do in SQL 
$result = mysql_query($query); 

echo "<table>"; // start a table tag in the HTML 

while($row = mysql_fetch_array($result)) 
{ 

    print 

    "<div id= 'item'>" . 
    "<p>Make : ".$row["Make"]."</p>". 
    "<p>Model: ".$row["Model"]."</p>". 
    "<p>$".$row["Price"]."</p>". 
    FindPhoto($row['Photo']); 

} 
echo "</table>"; //Close the table in HTML 

mysql_close(); //Make sure to close out the database connection 

我的PHP顯示所有信息，從我的數據庫和方式，我想它。當我包括CSS代碼的任務來了：

#item { 
    width:100px; 
    text-align:center; 
    border: 5px solid #D9D9D9; 
    padding: 0px; 
    list-style: none; 
    width: 150px; 
    float: left;  
    margin-right: 15px; 
    margin-bottom: 15px; 
    border-radius: 10px; 
    -moz-border-radius: 10px; /* firefox rounded corners */ 
    -webkit-border-radius: 10px; /* Safari rounded corners */ 
    min-height: 220px; 
} 

#item li h1 { 
    text-align:center; 
} 

#item li#white { 
    min-height: 220px; 
} 

的CSS代碼工作除了當我將二者結合起來很好，我得到一個產品，看起來不錯，其他沒有得到包含在CSS。見圖：

如何正確顯示圖像？