I am trying to align two elements which are absoluted positioned relative to a container element, and I fail to see why when applying the same top value, one of the elements (the ul) goes a little bit more down. You can see it live hereI have the following HTML:\[code\]<div id="header"> <div class="inner"> <span id="logo_description"> Description comes here </span> <ul id="user_menu"> <strong>name</strong> | <a href="http://stackoverflow.com/questions/13776037/#"> Account </a> | Language <select> <option> Option1 </option> <option> Option2 </option> </select> </ul> </div></div>\[/code\]And the following CSS:\[code\]#header { float: left; margin-bottom: 15px; padding: 8px 0 13px; width: 100%; height: 51px;}#header .inner { margin: 0 auto; position: relative; width: 1000px;}#header .inner #logo_description { position:absolute; top:20px;}#header #user_menu { display: inline; font-size: 12px; position: absolute; right: 10px; top: 20px; text-align: right;}?\[/code\]?