I'm no expert just a beginner but would appreciate some help with this html or whatever it's called. As it is now the code is used on a tumblr and is located in the upper left corner of the page but I would like to have it appear in the upper right corner, mirrored image.
What do I have to change to flip it from left to right? I've tried changing different things in the code but none have worked to flip it to the right side.
It's a sliding navigation bar that disappears like the windows taskbar when not hovering on it.

Much gratitude.

Here is the code...

<style type="text/css">
#oneout {
-moz-box-shadow: 0px 0px 0px 0px ;
-webkit-box-shadow: 0px 0px 0px 0px ;
box-shadow: 0px 0px 0px 0px ;

-ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');

z-index:1000;
position: fixed;
top: 35px;
left: 1px;
width: 18px;
padding: 0 0;
text-align: center;

-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;}

#oneout_inner {

-moz-box-shadow: 0px 0px 0px 0px
-webkit-box-shadow: 0px 0px 0px 0px
box-shadow: 0px 0px 0px 0px

-ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');

top: 20px;
left: -250px;
position: fixed;
background: ;
width: 230px;
padding: 5px;
background: #;
height: auto;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;}

#oneout:hover {
z-index:1000;
left: 250px;}

#oneout:hover #oneout_inner {
z-index:1000;
left: 0px;}
</style>
<div id="oneout">
<span class="onetitle">
<p>►</p>
</span>
<div id="oneout_inner">
<center>
<div style="color:#ff0000; background-color:#; padding:3px;"><font size="2" font face="Segoe script"><b></b>NAVIGATION</font></div>
<a href="LinkURL"><font size="1" font face="Segoe script">
<a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a><br><br>
<a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a> ● <a href="LinkURL">TEXT</a><br><br>
</font>
</div>
</div>