get id på class under id

document.getElementById('lefttab').style.background='something';

?

På lefttab ændre jeg en baggrund, men righttab skal der ændres en anden baggrund.

http://img521.imageshack.us/img521/6938/tabbf.jpg

Som man kan se ændre den kun lefttab, men den skulle ændre så at hele området omkring forside blev grøn(righttab).
Det er så der problemet er hvordan ændre jeg baggrunden for righttab(det sidste grå), men kun på den samme lefttab.

det er lidt svært at gennemskue hvordan din kode ser ud, med de stumper du smider, kan du ikke vise alt hvad der har med det billede at gøre? det gør det nok lidt nemmere...

her selve html filen:

<!-- <meta http-equiv="refresh" content="3">-->
<link type="text/css" rel="stylesheet" href="style.css" />
<script type="text/javascript">
function dhover(link,inout)
{
    var browserName=navigator.appName;
    if (browserName=="Microsoft Internet Explorer")
    {
        styleObj = link.style;
        if(inout == 1)
        {
                lefttab = "url(images/tab-left-green.png)";         
                styleObj.backgroundImage = lefttab;
                righttab = "url(images/tab-right-green.png)";
                idrighttab.backgroundImage = righttab;
        }
        else
        {
                lefttab = "url(images/tab-left.png)";         
                styleObj.backgroundImage = lefttab;
                righttab = "url(images/tab-right.png)";
                idrighttab.backgroundImage = righttab;
        }
    }
}

</script>
<style type="text/css">
#preface {
  background: #064A3E url('images/green-preface-wrapper-bg.png') repeat-x top;
  min-height: 24px;
  height:24px;
}/**/
#header #search-box input.form-submit {
  color: #064A3E;
}/**/
#primary-menu ul.menu li a {
  color: #064A3E;
}/**/
</style>
<div id="header-wrapper">
        <div id="header" class="clearfix">               
            <div id="header-first">
                <div id="logo">
                    <a href="/" title="Hjem"><img src="images/logo.png" alt="Hjem" /></a>
                </div>
                <h1><a href="/" title="Hjem">spejder.slyng.dk</a></h1>
            </div><!-- /header-first -->
           
            <div id="header-middle">
            </div><!-- /header-middle -->
           
            <div id="header-last">
            </div><!-- /header-last -->
        </div><!-- /header -->
</div><!-- /header-wrapper -->


<div id="primary-menu-wrapper" class="clearfix">
    <div id="primary-menu">
        <ul class="menu">
            <li class="leaf first" onmouseover="dhover(this,1,1)" onmouseout="dhover(this,0,1)"><a class="righttab" href="/?q=node/1" title="Forside" onmouseover="dhover(this,1,2)" onmouseout="dhover(this,0,2)">Forside</a></li>
            <li class="leaf" onmouseover="dhover(this,1)" onmouseout="dhover(this,0)"><a href="/?q=content/galleri" title="">sub1</a></li>
            <li class="leaf" onmouseover="dhover(this,1)" onmouseout="dhover(this,0)"><a href="/?q=content/galleri" title="">Galleri</a></li>
            <li class="leaf last" onmouseover="dhover(this,1)" onmouseout="dhover(this,0)"><a href="/?q=content/galleri" title="">sub2</a></li>
        </ul>
    </div><!-- /primary_menu -->
</div><!-- /primary-menu-wrapper -->

<div id="preface"></div><!-- /preface -->

Her er så det fra css dokumentet jeg mener der bliver brugt.
/******************/
/* HEADER REGIONS */
/******************/

#header-wrapper {
  background-color: #fff;
}

#header {
  background-color: inherit;
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

#header #search {
  text-align: center;
}

#header #search-box {
  background-color: #E1E1E1;
  border: 1px solid #CCCCCC;
  float: right;    /* LTR */
  padding: 8px;
  position: relative;
  top: 0;
  width: 20em;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

#header #search-box input.form-text {
  height: 14px;
  padding: 4px 2px;
  width: 166px;
}


/* theming for header search box */
#header #search-box input.form-submit {
  background: #EFEBE7;
  border: 1px solid #ccc;
  color: #194765;
  cursor: pointer;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  outline: none;
  padding: 3px 3px 2px;
  text-transform: none;
  -moz-border-radius: 0;
  -moz-outline-radius: 0;
  -webkit-border-radius: 0;
}

#header #search-box label,
#header #search-box a.advanced-search-link {
  display: none;
}

#header-first {
  float: left;    /* LTR */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  margin: 12px 30px 0 0;
  width: 380px;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  float: left;    /* LTR */
  margin: 0 14px 0 0;
}

#header-first h1 {    /* site name link */
  font-size: 3em;
  line-height: 1;
  margin: 10px 0 0;
}

#header-first h1 a {    /* site name link */
  text-decoration: none;
}

#header-first #slogan {                          /* site slogan */
  display: block;
  font-size: 1.166em;
  margin: 4px 0;
}

#header-middle {
  float: left;
  margin: 10px 20px 0 0;    /* LTR */
  width: 230px;
}

#header-last {
  float: right;    /* LTR */
  margin: 10px 0 0;
  width: 300px;
}

#primary-menu-wrapper {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 5;    /* fixes IE z-index bug */
}

/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {                                  /* menu layout */
  display: block;
  float: right;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin-top: 12px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}
 
#primary-menu ul.links li {                      /* text styling for the top (primary) menu */
} 

#primary-menu ul.links li.first {                /* .first and .last classes applied to first and last menu & list items */
}
 
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
}
 
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
} 
 

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php  */
/************************************/

#primary-menu ul.menu li {                        /* top item layout */
  background: transparent url('images/tab-left.png') no-repeat left 0;
  display: block;
  float: left;    /* LTR */
  margin: 0 4px 0 0;
  padding: 0 0 0 0.833em;    /* 0 0 0 10px */
  position: relative;
  width:  auto;
}

#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
  background-position: left -29px;
}

#primary-menu ul.menu li a {
  background: transparent url('images/tab-right.png') no-repeat right 0;
  color: #154B70;
  display: block;
  padding: 0.416em 0.833em 0.083em 0;    /* 5px 10px 1px 0 */
  text-decoration: none;
}

#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a,
#primary-menu ul.menu li.active-trail a {
  background-position: right -29px;
  color: #fff;
}

#primary-menu ul.menu li ul {
  background: transparent url('images/drop-bottom.png') no-repeat 0 bottom;
  left: -999em;
  opacity: 0.95;
  margin: 0 0 0 -10px;
  padding: 2px 0 4px;
  position: absolute;
  width: 144px;
  z-index: 2;
}
 
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
  display: block;
  left: auto;
}
 
#primary-menu ul.menu li ul li {
  background: #94CE18;
  border-bottom: 1px solid #83A638;
  float: left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}

#primary-menu ul.menu li ul li.last {
  border-bottom: none
}

#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  background: transparent;
  color: #154B6F;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-transform: none;
  width: 135px;
}

#primary-menu ul.menu li ul li a:hover {
  color: #fff;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-decoration: none;
}

#primary-menu ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;    /* LTR */
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li a {
  padding: 4px;
  width: 128px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu{
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu li a {
  padding: 4px;
  width: 128px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu{
  left: -999em;
  margin: 0 0 0 -14px;
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu li:hover ul.menu{
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu li a {
  padding: 4px;
  width: 128px;
}


Det virker fint i chrome og firefox men ikke IE(Har dog kun prøvet IE8).


Håber det gør at du bedre kan hjælpe.

Har fundet fejlen.

Der manglede dette i toppen af html-filen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">

Ellers tak for at du ville bruge noget tid på mit problem.