have created a placeholder with three elements in it. I want the elements to be positioned to the right hand side of the placeholder. A big margin however appears between the element positioned most to the right (logoutBtn) and the end of the placeholder div table. Using a webdesigning tool I however saw that no element was positioned there.

Any suggestions on how I could remove this? The name of the user logging on (in this case "testuser Azubiportal") always changes so I don't want to set an exact position for each element, I prefer to use float.

screenshot with comments:
http://attitudeasbl.webs.com/ComNetM...s/CSSerror.png

Stylesheet:
Code:
(...)
.placeholder {
height: 23px;
width: 768px;
border-top: dashed 1px #3A9DCB;
border-bottom: dashed 1px #3A9DCB;
background-color: #f6f6f6;
}
.logoutBtn {
position: relative;
float: right; 
font-size: smaller;
padding-top: 4px;
text-align: right;
}
.loginName 
{
position: relative;
float: right; 
font-size:smaller;
padding-top: 4px; 
}
.logAs {
float: right;
position: relative;
font-size:smaller;
color: #3A9DCB;
padding-top: 4px;
}