Shaci, но темнеменее Ховер отрабатывает нормально...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.sublink {
background-color: red;
}
.main {
margin: 20px;
padding: 20px;
border: 1px solid;
}
.main:hover {
background-color: blue;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="main">
Foo
<div class="sublink">Bar</div>
Foo
<div class="sublink">Bar</div>
</div>
</body>
</html>