So the last couple weeks I’ve been doing a site design for a client. Well over the weekend we were in the final stages of the site design and working on moving it over to prod and getting it to look right in IE6. There was this side column that has the following code:
<div id="recentposts"><div class="h2background"><h2>Genres</h2></div>
<ul>
<li><a href="/category/trial-cat/">Mystery</a></li>
<li><a href="/category/uncategorized/">Romance</a></li>
<li><a href="/category/young-adult/">Young Adult</a></li>
</ul>
</div>
Well that code produced this result:

Clearly that’s nooooot right. The red bars should be right up against one another. I was using the EXACT same styling on another thing and it worked perfectly! So why didn’t this one work????
I spent an HOUR trying to figure it out. The final change….
<div id="recentposts"><div class="h2background"><h2>Genres</h2></div>
<ul>
<li><a href="/category/trial-cat/">Mystery </a></li>
<li><a href="/category/uncategorized/">Romance </a></li>
<li><a href="/category/young-adult/">Young Adult </a></li>
</ul>
</div>
Which makes it look like this:

Does anyone see the difference between the two?
Anyone??
That’s right.. ONE FUCKING ” “. between the word and the closing href tag! What the fuck! Why DOES ONE SPACE make any difference!
I don’t get it.
In hosting news, things are going pretty good. You may notice that all of my secondary domains are down. Including the Family Website (blacksforest.com), My Company (FunkyFooBar) and Photodump. These are in the slow process of being moved over to bluehost from the current server. Since they are so HUGE (15Gigs in total). It’s going to take a while.