If you can make the header child of the navbar in some way, then this would be possible…
Code:
navbar header { background: url(image1.jpg); }
navbar:hover { background:url(image2.jpg); }
Though in some situations it might not be good semantics to have your header within your navbar.
Otherwise a bit of jquery would do the trick. Something like this…
Code:
$(‘navbar’).hover(function() {
// Function called on hover
$(‘header’).css({ background : “url(image2.jpg)” });
},
function() {
// Function called when mouse moved off navbar element
$(‘header’).css({ background : “url(image1.jpg)”
});