Question on Page Resize Issue

[Dylan Lorimer]

http://www.jaceyphotographs.com/

Hi,

At the above URL I'm using Blueprint. I love it, but can't figure out how to resolve the following page resize issue:

- in firefox, when I shrink the page size (os x: apple -, windows: ctrl -) the menu items at the top (about me, pricing, connect with me) get all funky at a certain point, and the "connect with me" image shifts to the line below. I can't seem to figure out how to prevent it from doing that, and it doesn't see like it should given the amount of space left.

My div structure is super simple:

    <div class="span-24">

 <div class="span-7 colborder" style="text-align:center"><a class="link" href="/about/"><img src="/images/about_me.jpg"></a></div>

 <div class="span-7 colborder" style="text-align:center"><a class="link" href="/details/"><img src="/images/session_details.jpg"></a></div>

 <div class="span-8 last" style="text-align:center"><a class="link" href="/contact/"><img src="/images/contact_me.jpg"></a></div>

    </div>

Any help is great appreciated.

Cheers,

dylan