How can I get an absolute element to float right within its parent?
<p>So, I'm trying to get a dropdown to work as part of a menu.  I have a ul with a few li elements added on the left and then I want to have an li element float to the right.  I was doing this using relative position before, but now I want it to be able to overflow and display over anything below it.  </p>

<p>I found this question:
<a href="https://stackoverflow.com/questions/7790981/css-overflow-auto-and-z-index">CSS: Overflow Auto and Z-index</a>
and found out you have to use absolute position to get this sort of overflow to happen.  So, how would I do this?</p>

<p>This is the basic code structure:</p>

<pre><code>&lt;ul&gt;
    &lt;li id="right_item1"/&gt; (relatively positioned)
    ...
    &lt;li id="absolute_position"/&gt; (absolutely positioned, floating right)
&lt;/ul&gt;
</code></pre>