get rid of nav bar, when no spotlight there

please refer to the following link to learn how to

在Beta去除NavBar

http://jas9.blogspot.com/2006/12/betanavbar.html

code i paste to my template is as below:
/* Nav bar
----------------------------------------------- */
/**----------nav bar shown when mouse over ----------**/
#navbar-iframe {
opacity:0.0;filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)
}

/**----------nav bar hide ----------**/
/*#navbar {
display: none;
}*/

some modification will be like this:

hovering-peek-boo/ anti-navbar

http://jas9beta.blogspot.com/2006/12/hovering-peek-boo-anti-navbar.html

i fix mine as below:

#header-wrapper {
background: #476 url("http://www.blogblog.com/rounders4/corners_cap_top.gif") no-repeat left top;
margin:-32px 0 0 0;
padding:0px 0 0 0;
color:#ffffff;
}

thanks for the blogger designers to illustrate css clearly in code
and thanks for jas9 to share the modification code.

2008.05.20 update
note: the banner will be broken on IE, yet cool on firefox.