Adicionar CSS Menu Maker

Qual é minha questão:
Eu estou tentando colocar um menu do css menu maker mas fica dando erro

, então gostaria de saber como coloca o menu em passo a passo


html do menu para logado

Código:

<div id='cssmenu'>
<ul>
  <li><a href='/forum'><span>Início</span></a></li>
  <li><a href='/faq'><span>Faq</span></a></li>
  <li><a href='/search'><span>Buscar</span></a></li>
  <li><a href='/memberlist'><span>Membros</span></a></li>
  <li><a href='/groups'><span>Grupos</span></a></li>
  <li><a href='/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='/privmsg?folder=inbox'><span>MP</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=cd0e30bc93911d1542a9cd6d9e6cda04&key=a73675'><span>Sair</span></a></li>
</ul>
</div>

css

Código:

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
 margin: 0;
 padding: 0;
 position: relative;
}
#cssmenu {
 height: 49px;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
 content: '';
 display: block;
 clear: both;
}
#cssmenu a {
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 color: #ffffff;
 display: inline-block;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 12px;
 line-height: 49px;
 padding: 0 20px;
 text-decoration: none;
}
#cssmenu ul {
 list-style: none;
}
#cssmenu > ul {
 float: left;
}
#cssmenu > ul > li {
 float: left;
}
#cssmenu > ul > li:hover:after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 position: absolute;
 left: 50%;
 bottom: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #0fa1e0;
 margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
 border-radius: 5px 0 0 0;
 -moz-border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
 border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
 z-index: 1;
}
#cssmenu .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub ul {
 display: none;
 position: absolute;
 width: 200px;
 top: 100%;
 left: 0;
}
#cssmenu .has-sub ul li {
 *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
 background: #0fa1e0;
 border-bottom: 1px dotted #6fc7ec;
 filter: none;
 font-size: 11px;
 display: block;
 line-height: 120%;
 padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
 background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub .has-sub ul {
 display: none;
 position: absolute;
 left: 100%;
 top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
 background: #0c7fb0;
 border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
 background: #095c80;
}

           


html para não logados

Código:

<div id='cssmenu'>
<ul>
  <li><a href='/forum'><span>Início</span></a></li>
  <li><a href='/faq'><span>Faq</span></a></li>
  <li><a href='/search'><span>Buscar</span></a></li>
  <li><a href='/memberlist'><span>Membros</span></a></li>
  <li><a href='/groups'><span>Grupos</span></a></li>
  <li class='last'><a href='/login'><span>Entrar</span></a></li>
</ul>
</div>

Endereço do meu fórum:
http://rato-de-forum.forumeiros.com:80

Versão do fórum:
PHPBB3

Boa noite!

Já viu o tutorial?

<li> https://ajuda.forumeiros.com/t77422-

Até mais!

sim já li esse tutorial e não adiantou

Olá,

O senhor fez teu CSS Menu Maker? Se sim, mande-me os códigos geridos.

Até mais.

os códigos já estao no topico

Olá amigo,

O senhor vai acrescentar o CSS no inicio de teu CSS:

Código:

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
 margin: 0;
 padding: 0;
 position: relative;
}
#cssmenu {
 height: 49px;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
 content: '';
 display: block;
 clear: both;
}
#cssmenu a {
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 color: #ffffff;
 display: inline-block;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 12px;
 line-height: 49px;
 padding: 0 20px;
 text-decoration: none;
}
#cssmenu ul {
 list-style: none;
}
#cssmenu > ul {
 float: left;
}
#cssmenu > ul > li {
 float: left;
}
#cssmenu > ul > li:hover:after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 position: absolute;
 left: 50%;
 bottom: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #0fa1e0;
 margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
 border-radius: 5px 0 0 0;
 -moz-border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
 border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
 z-index: 1;
}
#cssmenu .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub ul {
 display: none;
 position: absolute;
 width: 200px;
 top: 100%;
 left: 0;
}
#cssmenu .has-sub ul li {
 *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
 background: #0fa1e0;
 border-bottom: 1px dotted #6fc7ec;
 filter: none;
 font-size: 11px;
 display: block;
 line-height: 120%;
 padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
 background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub .has-sub ul {
 display: none;
 position: absolute;
 left: 100%;
 top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
 background: #0c7fb0;
 border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
 background: #095c80;
}

Depois o senhor vai por este JavaScript com investimento em todas as paginas:

Código:

jQuery(document).ready(function(){
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").before("<div class='novomenu'></div>");
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").css({"display":"none"});});
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'>
<ul>
  <li><a href='/forum'><span>Início</span></a></li>
  <li><a href='/faq'><span>Faq</span></a></li>
  <li><a href='/search'><span>Buscar</span></a></li>
  <li><a href='/memberlist'><span>Membros</span></a></li>
  <li><a href='/groups'><span>Grupos</span></a></li>
  <li class='last'><a href='/login'><span>Entrar</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li><a href='/forum'><span>Início</span></a></li>
  <li><a href='/faq'><span>Faq</span></a></li>
  <li><a href='/search'><span>Buscar</span></a></li>
  <li><a href='/memberlist'><span>Membros</span></a></li>
  <li><a href='/groups'><span>Grupos</span></a></li>
  <li><a href='/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='/privmsg?folder=inbox'><span>MP</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=cd0e30bc93911d1542a9cd6d9e6cda04&key=a73675'><span>Sair</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

Abraços!

não esta indo corretamente, será se é porque o menu antigo esta ativado? e se for como desativa ele?

Olá amigo,

Creio que não... O problema esta na visualização, o senhor esta colocando o CSS corretamente? Coloque no inicio de teu CSS:

Código:

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
 margin: 0;
 padding: 0;
 position: relative;
}
#cssmenu {
 height: 49px;
 border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
 content: '';
 display: block;
 clear: both;
}
#cssmenu a {
 background: #141414;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;
 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
 background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
 background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
 background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
 color: #ffffff;
 display: inline-block;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 12px;
 line-height: 49px;
 padding: 0 20px;
 text-decoration: none;
}
#cssmenu ul {
 list-style: none;
}
#cssmenu > ul {
 float: left;
}
#cssmenu > ul > li {
 float: left;
}
#cssmenu > ul > li:hover:after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 position: absolute;
 left: 50%;
 bottom: 0;
 border-left: 10px solid transparent;
 border-right: 10px solid transparent;
 border-bottom: 10px solid #0fa1e0;
 margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
 border-radius: 5px 0 0 0;
 -moz-border-radius: 5px 0 0 0;
 -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
 border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
 background: #070707;
 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%;
 background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
 background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
 background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
 background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
 box-shadow: inset 0 0 3px #000000;
 -moz-box-shadow: inset 0 0 3px #000000;
 -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
 z-index: 1;
}
#cssmenu .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub ul {
 display: none;
 position: absolute;
 width: 200px;
 top: 100%;
 left: 0;
}
#cssmenu .has-sub ul li {
 *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
 background: #0fa1e0;
 border-bottom: 1px dotted #6fc7ec;
 filter: none;
 font-size: 11px;
 display: block;
 line-height: 120%;
 padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
 background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
 display: block;
}
#cssmenu .has-sub .has-sub ul {
 display: none;
 position: absolute;
 left: 100%;
 top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
 background: #0c7fb0;
 border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
 background: #095c80;
}

agora esta com um erro diferente , a barra apareceu mais ou menos (está toda branca)

Boa noite cordial membro!

Agora coloque mais estes:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

#cssmenu a {
background-color: black !important;
}
.mainmenu {
display: none;
}


<li> Coloque o código no inicio de teu CSS.

Se não resultar, mande-me teu CSS.

Valide e veja o resultado.

Abraços,
Sheldon!

funcionou, as palavras estão grudadas mas posso arruma-las eu mesmo entao pode fechar o tópico