title: jQuery width, outerWidth(), innerWidth() returning incorrect data
body: <p>For some reason, I cannot get jQuery to give me reliable width data for various elements. Here is a link to a fiddle that demonstrates the problem:
  <a href="http://jsfiddle.net/snoopydaniels/ZDbaa/1/" rel="noreferrer">http://jsfiddle.net/snoopydaniels/ZDbaa/1/</a></p>
  
  <p>I am attempting to create a multidimensional drop down menu. As you can see in the jsfiddle, the second nested menu is not positioned correctly. The jQuery that I employ to position it queries the sibling anchor element using <code>outerWidth()</code> to discover its width, then sest the left position of the nested list according to the returned width. When I give the sibling anchor element a set width in CSS then I get something near the correct value, but without that static width, <code>outerWidth()</code> returns "2."</p>
  
  <p>But even when I give anchor elements a set width, <code>outerWidth(true)</code> still does not correctly incorporate the border of the element.</p>
  
  <p>I'm about to pull my hair out. Why can't crap like this just work as advertised?</p>