Centralizar menu de categorias

[HelderSantanaBR]

Pessoas, to quebrando a cuca aqui pra arrumar isso. Bom, não manjo quase nada de CSS. Só não digo absolutamente nada, porque venho arrumando algumas coisas na raça aqui, sem base nenhuma rs.

Enfim, tirei um print do probleminha.. espero que me ajudem.

Link da imagem: http://i45.tinypic.com/359cozb.png

O que eu quero é que essa linha azul aí chegue de uma ponta da tela até a outra, que tome a tela toda, só que não ta indo. Consegui fazer com que chegasse de uma parte da direita pro final, mas completar o lado esquerdo não estou conseguindo. Como faço, é possivel fazer isso? Sempre que consigo centralizar, essa linha azul acompanha e não fica na tela toda.

Valeu abraço!

[JaguA]

Opa.. é possivel sim primeiro preciso ver como ta seu HTML para saber onde que essa linha fica no teu HTML e do CSS para saber como que está...

de qualquer forma so resumindo assim voê nem precisa usar imagem nessa linha declares um div que tenha espaço total do site por exemplo

entre o Head e o Body. e que fique claro a baixo do seu menu... essa div você estabelece algo tipo assim.

#linha_menu {

width: 100%;
height: 3px;
background-color: blue;

}

beleza isso já deve resolver seu problema... talvez seja nescessario por um float left. para a div fica posicionada.

quanto a cor é so você mudar para o c´pdigo do azul mais escuro.

qualquer duvida só falar.

[HelderSantanaBR]

É um template do wordpress, to fazendo a edição so pelo CSS.

/* Category Navigation */
#cat-menu {
    height: 35px;
    margin: 0 0 20px 0;
}
.nav {
    border-top: 1px solid #e6e6e6;
    float: left;
    list-style: none;
    line-height: 1;
    margin: 0;
    width: 100%;
    z-index: 99;
}
.nav a {
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 100;
}
.nav li {
    float: left;
    width: auto;
}
.nav li a {
    border-right: 1px solid #e6e6e6;
    color: #333;
    font: 13px/15px Arial, Helvetica, sans-serif;
    padding: 8px 12px;
    text-decoration: none;
}
.nav li a:hover, .nav li a:active {
    color: #fff;
}
.nav li ul {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    left: -999em;
    margin-left: -1px;
    position: absolute;
    width: 168px;
    z-index: 999;
}
.nav li ul li {
    border-bottom: 1px solid #e6e6e6;
}
.nav li ul li a {
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 12px;
    width: 144px;
}
.nav li ul li a.sf-with-ul {
    padding: 8px 12px;
}
.nav li ul li a:hover {
    color: #fff;
    text-decoration: none;
}
.nav li ul ul {
    margin: -32px 0 0 168px;
}
.nav li:hover,.nav li.hover {
    position: static;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
    left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
    left: auto;
}
.nav .sf-sub-indicator {
    display: none;
}
.nav li ul .sf-sub-indicator {
    background: url(images/bullet.png) no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    top: 0.95em;
    right: 0.4em;
}

Acredito que seja aqui.