Ваш CSS использует селектор потомков: #jobs-news a:hover.
Это будет соответствовать любому a:hover внутри #jobs-news, даже если оно фактически принадлежит одному из его дочерних элементов.
Самым простым решением было бы дать корневым a элементам их собственный класс (например, <a class="MainLink" href="#">), а затем изменить селекторы наведения на #jobs-news a.MainLink:hover.
Таким образом, он не будет соответствовать подэлементам, поскольку у них не будет класса MainLink.
Если вам не нужна поддержка IE6, вы также можете использовать дочерний селектор: #jobs-news > a:hover