Removing Blogger (Blogspot) Navigation Bar

To remove the navigation bar in former classic Blogger, I made use of the following css setting:

#b-navbar {
height:0px;
visibility:hidden;
display:none
}

Since Blogger has upgraded the above method is no longer effective as the keyword b-navbar has been changed to navbar-iframe, so the correct CSS segment should be:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

 
But note that the above CSS alone is only applicable on new version of Blogspot templates. In my case where I adopt the former classic template on new Blogspot, after applying the navbar-iframe segment, the bar is gone, but there is a margin (place holder) covering my header image. In this case, try applying the code below too:

#space-for-ie {
  position:absolute;
  bottom:0px;
}

I have searched through the entire web, most of the websites missed out the space-for-ie segment until I conducted trial and error many times to get rid of this margin. Hope this helps :)