menu width [RESOLVED]

Hi, I want to set the width of my horizontal menu as the width of the website, because now the menu width depends of the number of item. How can I do?

The menu css:

Code:

---

div.mod_navigation ul {
  margin:0px;
  padding:0px;
}
div.mod_navigation li {
  width:133px;
  margin:0px;
  padding:0px;
  text-align:center;
  list-style-type:none;
  float:left;
}
div.mod_navigation a, div.mod_navigation p {
  font-weight:bold;
  font-size:11px;
  color:#ffffff;
}
div.mod_navigation a {
  height:25px;
  display:block;
  margin:0px;
  padding:10px 0px 0px 0px;
  text-align:center;
  background-color:#cc0000;
  background-repeat:repeat-x;
  font-weight:bold;
  text-decoration:none;
  font-size:11px;
  color:#ffffff;
}
div.mod_navigation a:hover {
  background-color:#b30000;
  background-repeat:repeat-x;
  text-decoration:none;
  color:#ffffff;
}
div.mod_navigation p {
  height:30px;
  margin:0px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-color:#b30000;
  background-repeat:repeat-x;
}
a.invisible {
  clear:both;
}

li.active{
  height:35px;
  display:block;
  margin:0px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-color:#cc0000;
  background-repeat:repeat-x;
  font-weight:bold;
  text-decoration:none;
  font-size:11px;
  color:#ffffff;
  width: auto;
}

---

Thanks!

Hi pindol,

Code:

---

div.mod_navigation ul.level_1 {
width: your width;
}

---

cheers
Antipitch

Thanks, I'm sorry but it doesn't work.

Then you have other/ conflicting values somewhere in your CSS or your frontend output is buggy (if you want to post it here). By default the ul would expand to 100% width of its containing element (div.mod_navigation), anyway.

ok now it work, I don't know why :?: :?: :?: :?: :?: :?: :?: :?: :?: :?: .... Thanks!