Untitled

<html>
  <head>
    <style type="text/css">
      #sajt-nav
      {
          list-style-type: none;
          margin: 0;
          padding: 0;
      }

      #sajt-nav li
      {
          display: -moz-inline-stack;
          display: inline-block;
          height: 21px;
          padding: 0;
      }

      #sajt-nav li a
      {
          display: block;
          padding: 0.4em 1em 0 1em;
          margin: 0;
          height: 21px;
          text-decoration: none;
          color: #036;
          font-weight: bold;
      }

      #sajt-nav #sajt-nav-tab1
      {
         background: url("images/tab-area.png") repeat-x;
      }
      #sajt-nav #sajt-nav-tab1 a {
          padding-right: 0;
          color: #006533;
          background: url("images/tab-leftside.png") no-repeat 0% 0%;
      }
      #sajt-nav #sajt-nav-tab2 { background: url("images/tab-rightside.png") no-repeat 100% 0%; }
      #sajt-nav #sajt-nav-tab2 a {
          padding-left: 42px;
          background: url("images/tab-overlap.png") no-repeat 0% 0%;
          color: #0075B0;
      }
    </style>
  </head>
  <body bgcolor="cccccc">
    <ul id="sajt-nav">
      <li id="sajt-nav-tab1">
         <a href="">tab 1</a>
      </li><li id="sajt-nav-tab2">
         <a href="">tab 2</a>
      </li>
    </ul>
  </body>
</html>