Fixing the Facebook Notch

I decided rather than complain, I’ll just fix the problem, so I have. What I’ve done is written a CSS hack, so I’ll explain how to do this on Firefox. If you’d like to port it to another browser, feel free.
First you’ll want to download the Stylish extension. You’ll of course have to restart the browser like any extension. You should now see a little paintbrush icon on the bottom right of your browser. Now head on over to Facebook. Click the Stylish click, Write Style>For facebook.com… You’ll see a box pop up. Just paste in the following:

@namespace url(http://www.w3.org/1999/xhtml);


	
@-moz-document domain(“facebook.com”) {
#navigator {
  background: url(http://pixelspread.com/images/facebooknotch.gif) no-repeat left bottom; }

}

You could just copy the #navigator code, since the namespace and -moz-dcoument will both we in place already when bringing up the Write style box.
Now hit preview and watch the Notch disappear. If you like it, go ahead and hit Save.