Trouble de décalage(top) menu

Bonjour à tous !

Premièrement je dois mentionner que j'en suis à mes premières expériences en HTML/CSS

J'ai un petit problème avec un menu déroulant vertical, mon sous-sous-menus(Sous Fichier 1) ne se positionne pas à la bonne place, est-ce que quelqu'un peut m'aider ???

Printscreen:

[b]CSS[/b]:
/*Menu Déroulant*/
#MenuDeroulant {width:910px; height:20px; list-style-type:none; margin:0; padding:0; border:0; position:absolute;}
#MenuDeroulant li {float:left; width:130.8px; margin:0; padding:0; border:0; margin-right: -1px;}
#MenuDeroulant li a:link {display:block; height:1%; color:#FFFFFF; background:#3B4E77; margin:0; padding:4px 8px; text-decoration:none; border:1px solid #FFFFFF;}
#MenuDeroulant li a:hover {background-color:#808080;}
#MenuDeroulant li:hover > .SousMenu {display:block; background:#3B4E77; opacity:0.75; filter:alpha(opacity=75); margin-top:1px;}

#MenuDeroulant .SousMenu {display:none; list-style-type:none; margin:0; padding:0; border:0;}
#MenuDeroulant .SousMenu li {float:none; margin:0; padding:0; border:0; width:130.8px;}
#MenuDeroulant .SousMenu li a:link {display:block; color:#FFFFFF; margin:0; border:0; text-decoration:none;}
#MenuDeroulant .SousMenu li a:hover {background-image:none; background-color:#808080;}
#MenuDeroulant .SousMenu li:hover > .SousSousMenu {display:block; background:#3B4E77; opacity:0.75; filter:alpha(opacity=75); margin-top:1px;}

#MenuDeroulant .SousSousMenu {display:none; position:absolute; left:130.8px; top:auto; list-style-type:none; margin:0; padding:0; border:0;}
#MenuDeroulant .SousSousMenu li {margin:0; padding:0; border:0; width:130.8px;}
#MenuDeroulant .SousSousMenu li a:link {display:block; color:#FFFFFF; margin:0; border:0; text-decoration:none;}
#MenuDeroulant .SousSousMenu li a:hover {background-image:none; background-color:#808080;}

[b]HTML[/b]:
<!-- Menu Principal -->
<div id="Menu">
    <ul id="MenuDeroulant">
        <li>
            <a href="#">Fichier</a>
            <ul class="SousMenu">
                <li><a href="#">Fichier 1</a>
                    <ul class="SousSousMenu">
                        <li><a href="#">Sous Fichier 1</a></li>
                    </ul>
                </li>
                <li><a href="#">Fichier 2</a>
                    <ul class="SousSousMenu">
                        <li><a href="#">Sous Fichier 2</a></li>
                    </ul>
                </li>
                <li><a href="#">Fichier 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Impression</a>
            <ul class="SousMenu">
                <li><a href="#">Impression 1</a></li>
                <li><a href="#">Impression 2</a></li>
                <li><a href="#">Impression 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Projets</a>
            <ul class="SousMenu">
                <li><a href="#">Projets 1</a></li>
                <li><a href="#">Projets 2</a></li>
                <li><a href="#">Projets 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Outils</a>
            <ul class="SousMenu">
                <li><a href="#">Outils 1</a></li>
                <li><a href="#">Outils 2</a></li>
                <li><a href="#">Outils 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Paramètres</a>
            <ul class="SousMenu">
                <li><a href="#">Paramètres 1</a></li>
                <li><a href="#">Paramètres 2</a></li>
                <li><a href="#">Paramètres 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Aide</a>
            <ul class="SousMenu">
                <li><a href="#">Aide 1</a></li>
                <li><a href="#">Aide 2</a></li>
                <li><a href="#">Aide 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">-</a>
            <ul class="SousMenu">
            </ul>
        </li>
    </ul>        
</div>

Merci à l'avance, très apprécié !