La extensión de Chrome popup.html ya no se muestra correctamente

He creado una extensión de acción de página que utiliza un archivo popup.html. Solía ​​funcionar perfectamente. Cuando hago clic en el icono, se muestra un pequeño cuadro con solo la esquina de la página popup.html visible. Establecí el cuerpo y el html css altura y anchura, pero no tuve la suerte de hacer la caja más grande. También moví el css a otra página llamada popup.css y la agregué al encabezado popup.html.

¿Alguien se ha topado con este problema? Por favor ayuda.

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;
}

Respuestas a la pregunta(2)

Su respuesta a la pregunta