Chrome扩展程序popup.html无法正确显示

我创建了一个使用popup.html文件的页面动作扩展。它曾经完美地工作。当我点击图标时，它会显示一个只有popup.html页面的角落可见的小方块。我设置了body和html css的高度和宽度，但没有使框变大的运气。我也将css移动到另一个名为popup.css的页面上，并添加到popup.html头部。Chrome扩展程序popup.html无法正确显示

popup.html

有没有人遇到这个问题？请帮忙。

HTML：

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="popup_script.js"></script> 
    <link href="popup.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 
    <ul> 
     <li id="all">All</li> 
     <li id="title">Name</li> 
     <li id="artist">Artist</li> 
     <li id="album">Album</li> 
     <li id="art">Artwork</li> 
    </ul> 
    <textarea id="info" type="text"></textarea> 
</body> 
</html>

CSS：

body { 
font-family: arial; 
font-size: 13pt; 
margin: 0; 
padding: 0; 
color: #06477D; 
} 

ul { 
list-style-type: none; 
cursor: pointer; 
padding: 0; 
margin: 0; 
} 

li { 
text-align: center; 
padding: 5px 20px; 
} 

li:hover { 
background: #06477D; 
color: white; 
} 

textarea#info { 
position: absolute; 
}

来源

2013-03-06 Philip Hardy

你能告诉我们html和css吗？ – klokop 2013-03-06 07:59:56