Alright, so I've tried virtually everything in the book, from margins to floating to block display, and nothing's worked. This is my code:

<div class="container">
  <div class="content">
    <img src="./ZOW.png" alt="zow" /><br /><br />
    <br />
    <div class="nav"><a href="#">&nbsp;Home&nbsp;</a><a href="#">&nbsp;About&nbsp;</a><a href="#">&nbsp;Gallery&nbsp;</a><a href="#">&nbsp;Help&nbsp;</a><a href="#">&nbsp;Contact&nbsp;</a></div>
    <img src="./white.png" alt-"white" width="100%" height="2px" />
  <!-- end .content --></div>
<!-- end .container --></div>

I've tried a slew of things to no avail, though. Any help on this one?

There is ambiguity.

What exactly are you trying to do and what's the problem?

_________________
Paid support
How to ask for help
1. Give details of your problem
2. Post any errors
3. Post relevant logs.
4. Don't hide details i.e. your domain, it just makes things harder
5. Be polite or you'll be eaten by a grue

Have you tried changing the

src="./ZOW.png"

to

src="ZOW.png"

without the leading "./"?

James

No, I have not tried changing the img src, but it'd seem irrelevant in this case. I should've put up a page of what I'm trying to accomplish, and it's now up here. I'm wanting the navigation tabs, when hovered over, to connect with the white on the bar below it, but there's an odd space in the way. Any further help on this?

Anchors, by default, are inline elements so their borders collapse differently. The simple fix is to add:

.nav a {
    display: inline-block;
}

In the couple of browsers I tested quickly, that appears to achieve the result you're going for. You can also make them 'display: block;', but then you need to float them.

-James

Ah, thank you very much irgeek, that worked perfectly! I'll keep that in mind for next time this happens.