style.css
#header ul#nav {
float: left; margin: 0 0 0 24px; background: url(images/navbar.png) top; padding: 2px 0 2px 0 0; width: 1000px;
}
header.php
<div id="container">
<div id="header">
<ul id="topcorner">
<li><a href="#">Career</a> | <a href="#">Mail</a></li>
</ul>
<div id="search"><?php include('search.php'); ?></div>
<ul id="nav">
<li><?php wp_list_pages('sort_column=menu_order&title_li='); ?></li>
</ul>
</div>
</div>
how to create a full length width navigation bar ?
I have already tried
background: url(images/navbar.png) top repeat-x;
but it still does not work. It still follow the width size. I would like a navigation bar that full length adjusting to the screen size.