Can someone please take a look at this? I have no idea what's wrong with the coding

[doucchaus]

To the left of the home button there is white space. I have tried a combination of everything. Changing all three values (wrapper, content, and AppleNav) but none of them work.\[code\]<div id="wrapper"> <div id="content"> <nav> <ul id="appleNav"> <li><a href="http://stackoverflow.com/" title="Home">Home</a></li> <li><a href="http://stackoverflow.com/bleach" title="Bleach">Bleach</a></li> <li><a href="http://stackoverflow.com/death-note" title="Death Note">Death Note</a></li> <li><a href="http://stackoverflow.com/dragon-ball" title="Dragon Ball">Dragon Ball</a></li> <li><a href="http://stackoverflow.com/dragon-ball-z" title="Dragon Ball Z">Dragon Ball </a></li> <!-- snip --> </ul> </nav> </div></div>\[/code\]\[code\]/* APPLE STYLE NAVIGATION MENU */#appleNav { list-style: none; /* Lucinda Grande is the font used on the website from Apple. */ font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.5px; font-size: 13px; /* Apply a subtle text-shadow to the text */ text-shadow: 0 -1px 3px #202020; /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set the correct width and height, and also the correct borders, in order to create the perfect drop shadow */ width: 1098px; height: 34px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 3px 3px #cecece; -webkit-box-shadow: 0px 3px 3px #cecece; box-shadow: 0 3px 4px #8b8b8b;}\[/code\]