CSS declaration override

CSS declaration override

#header {
width:100%;
height:200px;
}
#theme.theme1 .handle {
background:blue;
}
#header.noback {
background:none;
}
why doesn't the last declaration override here ?
http://jsfiddle.net/5VnAs