Miért csúszik el a menüm?

div#menu ul ul {

display: none;

}

div#menu ul li:hover > ul {

display: block;

}

div#menu ul {

padding: 0 10px;

border-radius: 10px;

list-style: none;

position: relative;

display: inline-table;

}

div#menu ul:after {

content: ""; clear: both; display: block;

}

div#menu ul li {

float: left;

}

div#menu ul li:hover {

background: url('pic/menu_hover.png');

}

div#menu ul li:hover a {

background: url('pic/menu.png');

}

div#menu ul li a {

display: block; padding: 15px 40px;

color: white; text-decoration: none; font-family: cedee;

}

div#menu ul ul {

background: ; border-radius: 0px; padding: 0;

position: absolute; top: 100%;

}

div#menu ul ul li {

float: none;

position: relative;

}

div#menu ul ul li a {

padding: 15px 34px;

color: #fff;

}

div#menu ul ul li a:hover {

background: url('pic/menu.png');

}

div#menu ul ul ul {

position: absolute; left: 100%; top:0;

}