removing the space between sidebox header image and content

[tony_sar]

if you only want to change the spacing for category box , then add following to your stylesheet.css



#categoriesHeading {
height:20px;
}


if you want to change for all side boxes .. then locate this rules .


.leftBoxHeading {stylesheet.css (line 560)
background-image:url(../images/leftboxbg.gif);
background-repeat:no-repeat;
color:#7C7C7C;
height:30px;
width:150px;
}

change the height value to something else and this will effect all left side boxes.

hope this helps.

[davowave]

Thanks so much mate... that did the trick (I've changed design but still had the same problem)

Although now I have a different problem now I have it like I want it in FF it has a big white space problem in IE! the pink header bar appears twice as tall and there is a big space btw header and logo.

Any suggestions? How do you guys know this stuff anyway, I know all about the ff webdeveloper addon and it's full of useful info, and I know I'm meant to go CSS>view style info... but how exactly do I know which part of the style sheet to change? What it says in the window at the bottom of the screen is most of the time quite different to whats actually in my stylesheet (as far as I can tell anyway)

Once again, thanks for the help

[tony_sar]

i have no clue why happening like this in IE . there will be others with more experience will guide you in fixing this , and i would like to know the solution as well . Sorry

[tony_sar]

what script are you using to show the shopping cart in your header ?
if is possible to give me the exact code that you entered in your header so i can do some more work on the IE problem .

Thanks.