test

.navbar {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   font-size:23pt;
   }

.navbar li {
   list-style: none;
   float: left;
}
.navbar li a {
   display: block;
   padding: 3px 8px;
   text-decoration: none;
}

.navbar .subnav:hover li{
   float: right;
   font-size:23pt;
}

.navbar .subnav ul{
   display: none;
   opacity: 0;
   visibility: hidden;
}

.navbar .subnav:hover ul{
   opacity:1;
   visibility:visible;
   position: absolute;
   right: 50px;
   width: 100%;
   margin: 0;
   display: inline;
   padding: 0;
}

<div id="navigation">
    <ul class="navbar" style="margin-top:7px;margin-left:15px;">
         <li><a href="index.php">Home</a></li>
         <li><a href="index.php">Home</a></li>
         <li><a href="index.php">Home</a></li>
         <li class="subnav"><a href="index.php">Home</a>
            <ul>
               <li><a href="index.php">Home</a></li>
               <li><a href="index.php">Home</a></li>
               <li><a href="index.php">Home</a></li>
            </ul>
         </li>
         <li><a href="index.php">Home</a></li>
      </ul><br clear="all" />
</div>