I'm working on the Wordpress theme for my new site, and I've got a float that isn't where I want it.

http://startingfromscratchbook.com

Screenshot showing it open in Firebug:
http://startingfroms...shot-20091020.png

The two sidebar divs, class="main-aside", are set to the right, causing the screen to scroll sideways. I've looked through all the positioning tags for body, #wrapper, #main, #primary, .aside and .main-aside and I can't figure out why it's doing that.

Any suggestions?

===

[Edit]

Okay, still have a problem, but it's not what I thought. Turns out the "width: auto" plus "left: 140px" on #branding is causing that to make it the width of the screen, but set to the right by 140px. Which means a side scroll.

Any ideas how to fix that?

===

[Edit (again)]

Well, it's "fixed". By which I mean that I just did some trial-and-error in Firebug until I made it look right. I'm not happy at all with how it calculates width.

But I'm doing this on Wordpress. Trying to learn YUI at the same time I'm learning Wordpress is a bit much. Maybe when I move my other site to Wordpress.

Not being flip or sarcastic. It's a huge, gnarly framework -- at least it looks that way at first. Lots of overlapping selectors, magical HTML rewrites, long-standing conventions (some of which are actually documented).

I'm sure it gets easier as you get familiar with it, but you have to look in bunches of files to find where things are changing. And you can't just look at one page and know what you're changing. Lots of selectors are in there for elements that only appear on-screen during very specific circumstances.

I'm at the point of learning a new framework. I want to understand Wordpress -- and in particular WP themes -- before I start overlaying another set of selectors.

It's reasonably well-structured. So every time I beat my head against a particular wall long enough, I finally have an a-ha moment that clears up lots of things.

Themes inherit from the base system. Child themes inherit from parent themes. CSS cascades down through ridiculous numbers of layers and still works. (Assuming you found the correct selector to begin with.) The particular theme I'm using is almost 100% structure with very little design.

It all just seems to work. Even caching pre-compiled pages.

Oh, and I'm pretty sure I found my hosting solution. Now, to figure out the easiest way to automate the cleanup after I import the current blog ...