using Firefox , i don't see any problem with your category problem.
to change the size , locate the following code in your css
#mainWrapper {stylesheet2.css (line 181)
border:1px solid #9A9A9A;
text-align:left;
vertical-align:top;
width:750px;
}
change width to 980px.
brown bar location in your CSS..
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {stylesheet2.css (line 249)
background-color:#ABBBD3;
background-image:url(../images/tile_back.gif);
color:#FFFFFF;
font-weight:bold;
height:1%;
margin:0;
padding:0.5em 0.2em;
}
bar is made of graphic gif file , you can remove it or replace it with other colour or graphic file in above css rules
category link colour is located in your CSS
a.category-top, a.category-top:visited {stylesheet2.css (line 604)
color:#008000;
text-decoration:none;
}
change color to your desired value .
green colour for bottom of side box can be changed here ..
.leftBoxContainer, .rightBoxContainer {stylesheet2.css (line 552)
border-color:#9A9A9A #9A9A9A #336633;
border-style:solid;
border-width:1px 1px 5px;
margin:1.5em 0 0;
}
#336633 refers to green colour you see bottom of the sideboxes .. you can remove or replace it with different colour ..




