Sideboxes- formatting issues

[layoyo]

I have the following three problems with formatting sideboxes:

#1 As you will see in my 'in the works' website, www.amnyperfumes.com/zen-cart
The first listing in the sideboxes appears to the right..instead of aligned to the left as the rest of the categories. How can I fix it?

#2 M y BESTSELLERS sidebox disappeared out of the blues... it appears as ON LEFT in the Layout Boxes Controller. What could have happened? How can I recouperate it.

#3 The New Products sidebox acts on its own.. when I change the font size for the sidebox content this particular box does its own thing. How can I fix it so it takes the same formatting changes as the rest of the sideboxes?

thanks!

[-Steve-]

appears to just show a blank page ... nothing showing for me at all

[yelow]

I have the following three problems with formatting sideboxes:

#1 As you will see in my 'in the works' website, www.amnyperfumes.com/zen-cart
The first listing in the sideboxes appears to the right..instead of aligned to the left as the rest of the categories. How can I fix it?

#2 M y BESTSELLERS sidebox disappeared out of the blues... it appears as ON LEFT in the Layout Boxes Controller. What could have happened? How can I recouperate it.

#3 The New Products sidebox acts on its own.. when I change the font size for the sidebox content this particular box does its own thing. How can I fix it so it takes the same formatting changes as the rest of the sideboxes?

thanks!

Ok, this is something that I've discovered recently, but the Firefox addon 'Web Developer Toolbar' is awesome.

First of all, your .columnLeft and #div navColumnOneWrapper are set to a width that is interfering with the .centerColumn width. They overlap, and that is why you have the [more] link come out into the body. I think.

Secondly, the What's New thing is defined as h3 #whatsNewHeading, this is why it's so large.

If you want ti that large, just properly spaced, I suggest looking at the width of the .leftColumn for now.

-Tim

[gjh42]

The whats new heading has a cascade of font-size properties that apply to it, each increasing the size.
The main problem is

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.7em;
	color: #ff3333;
	font-weight: normal;
	float: left;
	width: 160px;
	text-align: left;
	}

This heading falls under h3.leftBoxHeading so increases to 1.7em, then the link inside it falls under h3.leftBoxHeading a and increases another 1.7em.
You need to separate the font-size property from the other properties, and apply that only to h3.leftBoxHeading, h3.rightBoxHeading {}.

The h3 #whatsNewHeading also has an effect as yelow says, and you probably want to eliminate that (was it an attempt to "go back" to 1.1 x the base size?)