CSS фоновый цвет просачивается через элементы div

Question

У меня есть веб-страница, которая использует CSS и JQuery (UI) вместе с JSP. Иногда макет путается с фоновым цветом, просачивающимся в элементы переднего плана, и отображается в виде параллельных горизонтальных линий, перекрывающих элементы. Это происходит только время от времени и не согласуется. Как я могу это исправить?

Есть ли какой-либо атрибут CSS, который мне нужно добавить, чтобы исправить эту ситуацию?

CSS

#nav-menu {
position: relative;
margin: 0;
padding: 0 10px;
overflow: visible;
}

#nav-container {
background: url(html/theme/tab.png) repeat-x 0 0;
overflow: hidden;
white-space: nowrap;
}



#nav-container {
border-top: 1px #999 solid;
}
#nav-container{
border-bottom: 1px #aaa solid;
border-right: 1px #aaa solid;
border-left: 1px #aaa solid;
}
#nav-container, #nav-menu {
 height: 47px;
}
#nav-container {
background: url(html/theme/tab.png) repeat-x 0 0;
overflow: hidden;
white-space: nowrap;
}
 #nav-container {
right: 10px;
}
 #nav-container { 
left: 10px;
}

#nav-container {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#nav-container {
top: 120px;
}
#nav-container {
width: 2160px;
min-width: 100%;
}

HTML-код

 <div id="nav-container">   
  <ul id="nav-menu"> 
  <li class="current">  
    <a href="#" onclick='javascript:location="/abc/report";'>Reports</a>
  </li>     
  <li>      
    <a href="#" onclick='javascript:location="/abc/xyz";'>Statistics</a>
  </li>         
   <li>     
    <a href="#" onclick='javascript:location="/xyz2";'>Sales</a>
  </li>         
  <li>  
   <a href="#" onclick='javascript:location="/xyz";'>Referrals</a>
 </li>          
  <li>      
  <a href="#" onclick='javascript:location="/xyz'>Qualification</a>
  </li>         
  <li>      
   <a href="#" onclick='javascript:location="/xyz";'>Lookup</a>
  </li>         
  <li>      
    <a href="#" onclick='javascript:location="/motivator/admin";'>Admin</a>
 </li>          
 </ul>  
</div>