设置列表框的样式

Question

我使用嵌套的div标签创建了listbox，如下所示：

<div id="container">  
    <div id="scrollbox" >  
        <div id="content" >  
            <ul>
                <li><img src="media/images/person.png" align="left">&nbsp;&nbsp;Zero Users</li>
            </ul>                    
        </div>  
    </div> 
    <br><br><span id="status" ></span>      
</div>  

我有一个管理列表框的javascript文件和一个用于设置样式的css文件：

#container{ 
    background:white;
    border: solid black 1px;
    width:160px; 
    max-height: 150px;  
    margin:0px auto;   
    padding:20px 0;   
}
#content{
    background:white; 
}
#scrollbox{   
    width:150px;   
    height:150px;    
    overflow:auto; overflow-x:hidden;   
}  

#status{background:#D8D8D8;}

我像这样链接到外部css文件：

<link rel="stylesheet" href="media/css/jquery.listbox.css" type="text/css">

对于<ul>标记，我想删除出现的项目符号，因此我将以下内容添加到css文件中：

#content ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

在FireFox和Chrome中，忽略了<ul>标记的样式。但是，如果我在网页本身设置一个单独的样式，它会按预期工作。有人可以解释为什么它以这种方式工作，但当我把它放在css文件本身时却不行吗？