Remove the NavBar

There is some question as to if this is legal to do or not. I'm not here to debate that. Personally, I like the bar. But, on the other hand, I have a personal blogger journal, and the bar covers up the top title...really messing with the overall look of my blog. I have tried various fixes to attempt to get the template to start after the navigation bar, but none would work. Finally, as a last effort, I removed it. I first attempted this script inserting it after </head>. Here is the code I used:

</head>

<script language="JavaScript">
var elem = document.getElementById("b-navbar");
elem.parentNode.removeChild(elem);
</script>

But, it didn't work for me. I'm only including it here because it may work for you. The code that did the job I found at Blogger Templates:

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