растянуть li поровну

[amf1k]

есть div (ширина 800px) в нем мену с ul li, вопрос - как растянуть li поровну на весь div???
пример

<div class="header_menu">
                <ul>
                    <li><a href=""><img src="home.png">Главная</a></li>
                    <li><a href=""><img src="forum.png">Форум</a></li>
                    <li><a href=""><img src="articles.png">Статьи</a></a></li>
                    <li><a href=""><img src="news.png"><Новости</a></a></li>
                    <li><a href=""><img src="search.png">Поиск</a></li>
                    <li style="border-right: none;"><a href=""><img src="about.png">О Проекте</a></li>
                </ul>
            </div>

стили

.header_menu {
    width: 800px;
    height: 30px;
    border: 1px solid #DDDDDD;
}
.header_menu li {
    float: left;
    display: inline;
    text-align: center;
    border-right: 1px solid #DDDDDD;
}
.header_menu li a {
    display: block;
    font: 14px/18px Arial, Tahoma, sans-serif;
    color: #777;
    padding: 6px 0px;
}

[yaskin]

.header_menu li {
width: 133px;
}