Здравствуйте, прошу помочь с вопросом: "Как создать резиновую CSS шапку?"

У меня есть CSS код

<style>
   #logo li a{
       display: block;
       width: 1902px;
       height: 181px;
       background: url(http://s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;
       white-space: nowrap;
       text-indent: 100%;
   }
   #logo li:hover a{
       background-image: url(http://s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)
   }
</style>
<ul>
   <li>
       <a href="#"></a>
   </li>
</ul>

 

Возможно ли как то сделать эту шапку резиновой?

 

Буду очень признателен, заранее спасибо.

Всё разобрался, тему можете закрыть.

Заменил на

<style>
   #logo li a{
       position:absolute;
       top:0px;
       left:0px;
       min-width:50px;
       max-width:3000px;
       width:100%;
       height:181px;
       background: url(http://s7.hostingkartinok.com/uploads/images/2014/05/10833f88e00cc684027913cc79c50fba.png) no-repeat;
       white-space: nowrap;
       text-indent: 100%;
       background-repeat:no-repeat;
       background-size: 100%;
}
   #logo li:hover a{
       background-image: url(http://s7.hostingkartinok.com/uploads/images/2014/05/af0c10cbe9083bf4bb122ec753bb87dc.png)
   }
</style>
<ul>
   <li>
       <a href="#"></a>
   </li>
</ul>