Border verschwindet bei Margin-Left

[ahnernoch]

Hallo !haben folgendes problem. habe hier ein css dropdownmenü und muss dieses per margin-left versetzen. Wenn ich dies aber machen, verschwindet mir schon nach nur 1px der rechte Border meines Dropdownmenüs. Kann mir da jemand weiterhelfen. Außerdem bekomme ich im IE an der Stelle an der das Menü durch MArgin versetzt wird einen weissen hintergrung! sieht auch nicht grade schön aus bei einer schwarzen page....hier der code....

var bd=0
document.write("<style type=\"text/css\">");
document.write("\n<!--\n");
document.write(".menu__menu {z-index:999;border-color:#130776;border-style:solid;border-width:0px 1px 1px 1px;background-color:#000000;position:absolute;left:0px;top:0px;visibility:hidden;margin-left: 13px;}");
document.write(".menu__plain, a.menu__plain:link, a.menu__plain:visited{text-align:left;background-color:#000000;color:#cccccc;text-decoration:none;border-color:#130776;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:2px 0px 2px 0px;cursor:hand;display:block;font-size:8pt;font-family:Arial, Helvetica, sans-serif;}");
document.write("a.menu__plain:hover, a.menu__plain:active{background-color:#000000;color:#215dc6;text-decoration:none;border-color:#130776;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:2px 0px 2px 0px;cursor:hand;display:block;font-size:8pt;font-family:Arial, Helvetica, sans-serif;}");
document.write("\n-->\n");
document.write("</style>");

var fc=0x215dc6;
var bc=0x000000;
if(typeof(frames)=="undefined"){var frames=0;}