I'm trying to center my category bar, just as I have with the pages. But when I center it, a dashed border appears around the whole category-area. I'm using the %cat-center command.

I've looked through the documentation, can't find anything. I've tried the following:

div#menu1 {
border: none !important;
}
div#menu2 {
border: none !important;
}

But it still doesn't work. Can you see anything? This is my entire css inserts:

/* removing the default top padding of td#middle of "classic" Atahualpa, 
and putting some more padding-bottom here, for more margin above the footer */
td#middle {
padding: 0 10px 15px 0;
}

div.searchbox {
position: absolute;
top: 95px;
right: 20px;
}

div.searchbox-form {
margin: 5px 0 15px 5px;
}
div#menu1 ul.rMenu {
background: transparent;
border: none;
}
div#imagecontainer {
margin: 5px 0; 
border: solid 5px #666;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
}
div.widget ul li {
padding: 1px 0px 1px 0px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/round-gray.gif') no-repeat 0 7px;
}

/* Menu Bars */

div#menu1 {border: none;}

div#menu1 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #ccc;
box-shadow: 0 3px 10px #6663;
-moz-box-shadow: 0 10px 5px #666;
}

div#menu2 ul.rMenu {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 3px;
margin: 5px 0;
}
div#menu2 ul.rMenu-ver {
-moz-border-radius:5px;
-khtml-border-radius: 50px;
-webkit-border-radius:5px;
border-radius: 5px;
padding: 5px;
/* the background color of sub-UL's must be set here */
background: #666;
box-shadow: 0 3px 10px #333;
-moz-box-shadow: 0 3px 10px #333;
}


/* Adjustments for the menu bars, which in their default 
state have 1px borders plus -1px margins to avoid 1+1=2px 
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;	
}
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
}
/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}

/* round corners for menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a,
div#menu2 ul.rMenu li, div#menu2 ul.rMenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* reset 2nd+ level */
/*
div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a,
div#menu2 ul.rMenu li li, div#menu2 ul.rMenu li li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
*/

/* XX comments to .... */
h3#comments {
margin: 5px 0;
padding: 10px;
background: #fff;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border: solid 1px #e5e5e5;
}

ul.commentlist {
border-top: 0;
margin: 0;
}
ul.commentlist li.thread-odd, ul.commentlist li.thread-even {
margin: 5px 0;
padding: 10px;
background: #fff;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border: solid 1px #e5e5e5;
}

div.sticky div.post-footer {
display: none;
}

div.sticky div.post-byline{
display: none;
}

div.sticky div.post-headline{
display: none;
}

.page-item-5698 a span {font-weight: bold;}

My site is http://blogg.danielwerner.se (I've disabled that now though, since it looked like crap.

Thanks!

I can't test without seeing the issue but how about using #rmenu as the selector?

I'm afraid I don't know what that means.

I reconstructed the error on my testblog: http://testblogg.danielwerner.se/

It should have basically the same css as the live one. Glad if you could help me out with this.

The following works for me on your demo site.

div#menu2 {
    border: none !important;
}