how to right-align a nested div in all major browsers? - html

Question

I just have a top nav of a website. I want to float a div to the right for User Login controls etc.
I looked on the web and tried but it does not work in Chrome / Firefox.
What is the EXACT way to do this correctly in ALL browsers using Divs and CSS? WHat I have works only in IE 9 .. Chrome and Firefox both drop the loginControls Div down to the next line.
<div id="topNav">
<div id="logoBar">
<img src="images/header_logo.gif" width="132" height="50" border="0" />
<div id="loginControls">User: John Doe Logout</div>
</div>
<div id="navTabs">
</div>
</div>
#logoBar {
width: 1300px;
height: 50px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
padding: 0px 22px;
position: relative;
}
#navTabs {
background-color: #333b52;
height: 30px;
}
#loginControls {
color: #FFF;
position: absolute;
right: 0;
width: 250px;
}
#loginControls a:link, #loginControls a:visited, #loginControls a:active {
color: #FFF;
text-decoration: underline;
}

Answer 1

Just add
float : right;
In #loginControls' CSS

Answer 2

The person who answered just add float is correct as long as you remove the absolute positioning.
#logoBar {
width: 1300px;
height: 50px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;
padding: 0px 22px;
position: relative;
}
#navTabs {
background-color: #333b52;
height: 30px;
}
#loginControls {
float:right
}
#loginControls a:link, #loginControls a:visited, #loginControls a:active {
color: #000;
text-decoration: underline;
}
<div id="topNav">
<div id="logoBar">
<img src="images/header_logo.gif" width="132" height="50" border="0" />
<div id="loginControls">User: John Doe Logout</div>
</div>
<div id="navTabs">
</div>
</div>

Answer 3

The nature of a div is to always use 100% of the width of the parent Container.
you may have to try span instead of div for the Login Controls.
OR use float:
#LoginControls {
float:right;
width: 250px;
}
I can't test it yet but I hope Im right. ;)
Edit: Ok someone was faster then my but did you try span?