Equal spaced, full width menu?
<p>I have a menu with four options which I need to sit below an image like so:</p>

<pre><code>----------------------------------------------------------------
|                        This is an image                      |
----------------------------------------------------------------
Menu 1               Menu 2             Menu 3             Menu4
</code></pre>

<p>These size is responsive, so I'm positioning the menu items dynamically. My problem is how to calculate the menu widths so that the spacing is equal as well as Menu1 and Menu4 meeting the edge of the image.</p>
