title: jQuery tabs width
body: <p>I'm using the standard default functionality for jQuery tabs and I have them up and running but am having difficulties styling them.</p>
  
  <p>I've tried overwriting where I think the styles are coming from but to no avail (I've removed those attempts from my code to avoid confusion - left the margin and padding to 0 for everything though). I'd like the A-Z tabs to all fit on one 'line' ideally (whilst still retaining the <code>500px</code> width of <code>#main</code>).</p>
  
  <p>Can anyone point me in the right direction with what I need to do, or even better provide me with the CSS that will get what I'm looking for. Thanks.</p>
  
  <p>Code: <a href="http://jsfiddle.net/Deva/eTx5x/" rel="nofollow">http://jsfiddle.net/Deva/eTx5x/</a></p>