Stumped With CSS

Hello,

I hope this is a troubleshooting forum, if not - I apologize for this post. I'm having a hard time figuring out where padding/margins are coming from in a Wordpress theme I'm trying to edit.

If you take a look at this page (http://98.130.114.217/travelblog/about) (or an image of what I'm talking about here (http://98.130.114.217/tempfiles/cssissue.jpg)

As you can see, the left side of the left Grey box is not flush with the black box above it (the one with the date) - same for right side of right box.

Using CSSViewer in Firefox, the only two CSS classes that appear to be in play are Widget and ContentContainer - and neither have any attributes that affect the margin/padding I'm trying to remove. For the life of me - where is this extra space coming form???

The CSS in question is obviously in the source code, but can be found here (http://98.130.114.21/tempfiles/style.css) if you need to download.

Thanks in advance for your assitance

#wrapper {
background:#FFFFFF none repeat scroll 0 0;
margin:0 auto;
padding:0;
width:1030px;
}
#maincontainer {
margin:0 auto;
width:990px;
}


the #wrapper is ~40px bigger than the #maincontainer div, hence the gaps.

Thanks for the response met, but that doesn't seem to be the solution. Upping maincontainer or contentcontainer does not correct the space between the widgets. If you navigate to the homepage - the sections (Tier1 in this case) aligns properly.

Even when I changed both of the above, it didn't correct the spacing issue on this page - but broke the correct alignment on the homepage.

Any other thoughts??

aha, I couldn't even see the grey boxes on my monitor, too bright :eek:

to align the left sidebar.


#sidebarnarrowleft {
float:left;
margin:0; /* set this to 0 */
width:160px;
}



seemed to work


#postsidebar {
float:left;
margin-left:30px; /* adding this */
}

pushed it over, and I *think* 30px is enough, but I really can't see the grey on my monitor too clearly. Might need more or less margin.