Hi,
I have the following code snippet:
<div id="header_menuitems">
<a href="home" title="Home page">Home</a|
<a href="aboutus" title="About Us">About Us</a|
<a href="contactus" title="Contact Us">Contact Us</a|
<a href="home" title="Login">Login</a>
</div>
and accompanying CSS code:
#header_menuitems {
float: left;
padding-top: 5px;
padding-right: 10px;
color: white;
font-weight: bold;
text-align: right;
}
My problem is that the links are not aligning to the right of the DIV
(tested in Firefox and IE 7). However, if I comment out the:
float: left;
Then it aligns to the right of the DIV. Is this normal behavior and
if so, is there a work-around?
Thanks,
Don