Can you use a list? <li>'s can be set to display: an iline, and then they'll all be on the same line. For example (this is a really old website, ignore all content and lack of skill involved in creation):
this page's navigation bar is created with an <ul> full of <li>'s.
If you
really want to use <div>'s, you could set their position to be non-automatic, but this is really messy and IE doesn't do it right.
Regarding auto-space inserted after <span> tags, don't put line breaks between them. You have to do this when you want images to appear exactly next to each other as well. Break it like this:
Code:
<span class="foo">lorem ipsum
</span><span class="foo2">lorem ipsum
</span>...
Except in your case, the spans or empty (or I think they SHOULD include a non-breaking space ( ), don't quote me on that).
Hope that helps!
PS. The site looks really good! Nice work!
PPS. I'd really like to take a look at how you're doing that transparency when you release the site or if you care to explain it to me sooner. It would seem to me that a non-fully opaque red would pick up some of the blue from the background and turn purple.