Mam toporny layout i muszę go jakoś w CSS ogarnąć. Mam takie coś

  1. <ul>
  2. <li><div>1</div></li>
  3. <li><div>2</div></li>
  4. </ul>


No i pomiędzy elementami ma być pasek na szerokość 80% i przy hover tego paska ma nie być widać. Dalem więc dla
  1. #costam li+li div{
  2. background-image: url("pasek.png")l
  3. background-position: center top;
  4. background-repeat: no-repeat;
  5. }

No i działa ... ale jak wiadomo znika tylko pasek z aktualnego div'a a ja potrzebuje, żeby znikł jeszcze z następnego i trochę nie wiem jak to rozwiązać. Próbowałem selektorów ale nic nie wychodziło.