div border positioning

[kipasa]

I am having trouble positioning a border in a div id. The border doesn't follow the text within the div.My HTML looks like this:\[code\]<div id="menu-left-top"><ul class="menu-left-top"><li><a href="http://stackoverflow.com/questions/15863103/auktioner.php">Kategorier</a></li></div><div id="menu-left"><ul class="menu-left"><li><a href="http://stackoverflow.com/questions/15863103/lamper.php">Lamper</a></li><li><a href="http://stackoverflow.com/questions/15863103/mobler.php">M?bler</a></li><li><a href="http://stackoverflow.com/questions/15863103/kunst.php">Kunst</a></li><li><a href="http://stackoverflow.com/questions/15863103/design.php">Design</a></li></div>\[/code\]And this is my CSS:\[code\]#menu-left-top {width:195px;height:1em;margin-top:5px;border-top-style:solid;border-width:thin;border-color: #999;}ul.menu-left-top {list-style-type: none;height:1em;}ul.menu-left-top li{}ul.menu-left-top li a{color:#000;font-size:12px;text-decoration:none;font-family: "Gill Sans light"; }ul.menu-left-top li a:hover{color:#cf0036;font-size:12px;text-decoration:none;font-family:"Gill Sans light";font-weight:300;}#menu-left {width:195px;max-height:4em;margin-top:5px;border-top-style:solid;border-bottom-style:solid;border-width:thin;border-color: #999;}ul.menu-left {list-style-type: none;}ul.menu-left li{}ul.menu-left li a{color:#000;font-size:12px;text-decoration:none;font-family: "Gill Sans light"; }ul.menu-left li a:hover{color:#cf0036;font-size:12px;text-decoration:none;font-family:"Gill Sans light";font-weight:300;}\[/code\]You can see the result here. It's the navigation to the left that is my current problem. As you can see, the div floating right also has faults, but I don't know if it has anything to do with my initial problem?