ocupar 100% do espaço

[viniciusjau 2]

e ai galera eu montei um menu com CSS , o problema é que não consigo fazer ele ocupar 100% da celula da tabela que ele está...

 

queria saber qual atributo dele eu uso..

 

vou postar o codigo que estou usando:

/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {

margin: 0;

border: 0 none;

padding: 0;

width: 800px; /*tamanho da area do menu*/

list-style: none;

height: 24px;

}

 

ul#navmenu li {

margin: 0;

border: 0 none;

padding: 0;

float: left; /*For Gecko*/

display: inline;

list-style: none;

position: relative;

height: 24px;

}

 

ul#navmenu ul {

margin: 0;

border: 0 none;

padding: 0;

width: 160px; /*tamanho do submenu*/

list-style: none;

display: none;

position: absolute;

top: 24px;

left: 0;

}

 

ul#navmenu ul li {

float: none; /*For Gecko*/

display: block !important;

display: inline; /*For IE*/

}

 

/* Root Menu */

ul#navmenu a {

border: 1px solid #FFF;

border-right-color: #CCC;

border-bottom-color: #CCC;

padding: 0 6px;

float: none !important; /*For Opera*/

float: left; /*For IE*/

display: block;

background: #EEE;

color: #666;

font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;

text-decoration: none;

height: auto !important;

height: 1%; /*For IE*/ /* tamanho vertical do botão*/

}

 

/* Root Menu Hover Persistence */

ul#navmenu a:hover,

ul#navmenu li:hover a,

ul#navmenu li.iehover a {

background: #CCC;

color: #FFF;

}

 

/* 2nd Menu */

ul#navmenu li:hover li a,

ul#navmenu li.iehover li a {

float: none;

background: #EEE;

color: #666;

}

 

/* 2nd Menu Hover Persistence */

ul#navmenu li:hover li a:hover,

ul#navmenu li:hover li:hover a,

ul#navmenu li.iehover li a:hover,

ul#navmenu li.iehover li.iehover a {

background: #CCC;

color: #FFF;

}

 

/* 3rd Menu */

ul#navmenu li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li a {

background: #EEE;

color: #666;

}

 

/* 3rd Menu Hover Persistence */

ul#navmenu li:hover li:hover li a:hover,

ul#navmenu li:hover li:hover li:hover a,

ul#navmenu li.iehover li.iehover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover a {

background: #CCC;

color: #FFF;

}

 

/* 4th Menu */

ul#navmenu li:hover li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li.iehover li a {

background: #EEE;

color: #666;

}

 

/* 4th Menu Hover */

ul#navmenu li:hover li:hover li:hover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover li a:hover {

background: #CCC;

color: #FFF;

}

 

ul#navmenu ul ul,

ul#navmenu ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}

 

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu li:hover ul ul,

ul#navmenu li:hover ul ul ul,

ul#navmenu li.iehover ul ul,

ul#navmenu li.iehover ul ul ul {

display: none;

}

 

ul#navmenu li:hover ul,

ul#navmenu ul li:hover ul,

ul#navmenu ul ul li:hover ul,

ul#navmenu li.iehover ul,

ul#navmenu ul li.iehover ul,

ul#navmenu ul ul li.iehover ul {

display: block;

}

[Giovani 104]

e ai galera eu montei um menu com CSS.......

você montou? Entendeu tudo o que esse código, q você postou, faz?

 

E se possíve, poderia disponibilizar um link? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[viniciusjau 2]

tá ae o link do tutorial , amis o cara só jogou os codigos .. não explicou as funções que ele usou...

http://solardreamstudios.com/_img/learn/cs...ndex-horiz.html