Aqui tienes, le hice unas cuantas modificaciones al codigo, cosas innecesarias, y como consejo te digo que es mejor usar propiedades iguales a un solo elemento comun, para los titulos siempre usa <h#>, cheka cuanto codigo me ahorre y consegui lo mismo que tu.
Saludos y espero te sirva
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>footerStick - Footer sticks to bottom of page</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
#container{
width:600px;
}
h4{
width: 300px;
margin: 6px 0px;
border-bottom: 1px solid #050A1D;
}
h4.left {
float: left;
color: #ccc;
}
h4.right {
float: left;
text-align: right;
color: #999;
}
li{
font-weight: bold;
width: 49%;
list-style-type: none;
}
li.left {
float: left;
}
li.right {
float: right;
text-align: right;
}
</style>
</head>
<body>
<div id="container">
<h4 class="left">titulo1</h4>
<h4 class="right">titulo2</h4>
<ul class="row">
<li class="left">Home > Products
<li class="right">[logo]
<li class="left">Home > Products
<li class="right">[logo]
<li class="left">Home > Products
<li class="right">[logo]
</ul>
</div>
</body>
</html>