Win/IE5 and Win/IE6 will not recognise the entire block as an active link unless a width is added to the "a" element. For this reason, we remove the width from the two float rules and apply it to the "a" element.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
CSS CODE
ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}
ul#navigation li a
{
display: block;
width: 5em;
}
ul#navigation .left { float: left; }
ul#navigation .right { float: right; }
HTML CODE
<p>
Lorem ipsum dolor sit amet...
</p>
<ul id="navigation">
<li class="left"><a href="#">Back</a></li>
<li class="right"><a href="#">Next</a></li>
</ul>