Hover на несколько элементов

[DmitryG]

Начал недавно осваивать верстку, столкнулся со следующей проблемой.

Есть следующий код:

 <div id="wrap">
  <div id="f"> Один</div>
  <div id="s"> Два </div>
  <div id="t"> Три </div>
</div>

И Css к нему:

#f {
 background-color: red;
 float:left;
 width:30%;
}

#s {
 background-color:yellow;
 float:left;
 width:30%;
}

#t {
 background-color: green;
}

#wrap:hover {
 background-color: teal;
}

Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

[Softlink]

#wrap:hover #f, #wrap:hover #s, #wrap:hover #t{
 background-color: teal;
}

[DmitryG]

Спасибо Вам большое!