[css-d] Tabs are not positioning correctly in FF

[Brian Jones]

Hi,

I have two divs one contains tab navigation and the other contains the
content. I want the content div to display directly under the tabs.
In IE6 it's displaying how I want it to...but for some reason in FF
the tabs are showing up at the top inside the content div..Here's my
html markup and css..I've been trying to play around with the paddings
and margins but I just can't seem to get it...can someone please
up...thanx

<div id="tabs4">
    <ul>
        <li id="current"><a href=" " ><span>Role Manager</span></a></li>
            <li><a href=" "><span>User Role Manager</span></a></li>
            <li><a href=" "><span>Services</span></a></li>
   </ul>
</div>

<div id="tabbox">
   <p> This is one section where you can have a set of controls / contents.</p>
 </div>


#tabbox
{
   margin: 0 0 0 0;
   padding: 20px 0 50px 20px;
   border-top: 1px #cccccc solid;
   border-right: 1px #cccccc solid;
   border-bottom: 1px #cccccc solid;
   border-left: 1px #cccccc solid;
}


    #tabs4
    {
      float:left;
      width:100%;
      font-size:93%;
      line-height: normal;
      margin: 0 0 0 0;
      padding: 0 0 0 0;

      }
    #tabs4 ul {
          margin:0 0 0 0;
          padding:0px 10px 0px 0px;
          list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("../images/wintableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("../images/wintabright2.gif") no-repeat right top;
      padding:0px 15px 4px 6px;
      color:#000000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#000000;
      }
    #tabs4 a:hover {
      background-position:0% -21px;
      }
    #tabs4 a:hover span {
      background-position:100% -21px;
      }

      #tabs4 #current a {
              background-position:0% -42px;
              font-weight: bold;
      }
      #tabs4 #current a span {
              background-position:100% -42px;
      }
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/