[CSS] Wyrównanie do prawej krawedzi div'a Opcje

[aLukas]

Witam,

zrobilem w css menu oparte na liscie (<ul>)
mam następujący problem:

menu to powinno znalezc sie wewnątrz diva wyrownane do jego prawej krawedzi, ale nie moge tego zrobic...

menu w css:

Kod

     ul#nav{
              margin-left:auto;
              margin-right:0px;
              height: 44px; width: 679px;
              }
              ul#nav li {
                  float: left;
                  list-style: none;
                  }
              ul#nav li a {
                  position: absolute;
                  text-indent: -9999px;
                  text-decoration: none;
                  border: none !important;
                  height: 44px;
                  }
              ul#nav li#onas a {
                  left: 0px; width: 65px;
                  background: url("img/men.jpg") 0px 0 no-repeat;
                  }
              ul#nav li#inst a {
                  left: 65px; width: 75px;
                  background: url("img/men.jpg") -65px 0 no-repeat;
                  }
              ul#nav li#pom a {
                  left: 140px; width: 68px;
                  background: url("img/men.jpg") -140px 0 no-repeat;
                  }
              ul#nav li#mod a{
                  left: 208px; width: 100px;
                  background: url("img/men.jpg") -208px 0 no-repeat;
                  }
              ul#nav li#serv a{
                  left: 308px; width: 57px;
                  background: url("img/men.jpg") -308px 0 no-repeat;
                  }
              ul#nav li#nap a{
                  left: 365px; width: 68px;
                  background: url("img/men.jpg") -365px 0 no-repeat;
                  }
              ul#nav li#pro a{
                  left: 433px; width: 107px;
                  background: url("img/men.jpg") -433px 0 no-repeat;
                  }
              ul#nav li#cen a{
                  left: 540px; width: 57px;
                  background: url("img/men.jpg") -540px 0 no-repeat;
                  }
              ul#nav li#kont a{
                  left: 597px; width: 82px;
                  background: url("img/men.jpg") -597px 0 no-repeat;
                  }
          ul#nav li#onas a:hover              { background-position: -0px -44px; }
          ul#nav li#inst a:hover              { background-position: -65px -44px; }
          ul#nav li#pom a:hover                  { background-position: -140px -44px; }
          ul#nav li#mod a:hover                  { background-position: -208px -44px; }
          ul#nav li#serv a:hover              { background-position: -308px -44px; }
          ul#nav li#nap a:hover                 { background-position: -365px -44px; }
          ul#nav li#pro a:hover                 { background-position: -433px -44px; }
          ul#nav li#cen a:hover                 { background-position: -540px -44px; }
          ul#nav li#kont a:hover                 { background-position: -597px -44px; }

menu w html:

Kod

     <ul id="nav">
                      <li id="onas"><a href="?nav=">o nas</a></li>
                      <li id="inst"><a href="?nav=">inst</a></li>
                      <li id="pom"><a href="?nav=">pomia</a></li>
                      <li id="mod"><a href="?nav=">modern</a></li>
                      <li id="serv"><a href="?nav=">serwis</a></li>
                      <li id="nap"><a href="?nav=">naprawa</a></li>
                      <li id="pro"><a href="?nav=">projekt</a></li>
                      <li id="cen"><a href="?nav=">cennik</a></li>
                      <li id="kont"><a href="?nav=">kontakt</a></li>
                  </ul>

tutaj mozecie zobaczyc jak to wyglada

powinno dotykac do ramki tak jak zielony div.

z gory dzieki za pomoc

Ten post edytował aLukas 20.09.2007, 16:38:47