CSS Flyout padding

I have installed the CSS Flyout add-on and it works very well with my test pages thus far. I also created a custom template based on Future_Zen and have adjusted and tweeked padding and/or margin settings where necessary for my sideboxes.

However, I am having a difficult time figuring out for myself or finding a pertinent thread in the forums to adjust the categories/flyout sidebox so that the menu does not overlap my footer graphic. For a demonstration of the problem, go to http://bikerbatteries.com/catalog/ and you can see what I mean in the left column.

Any help would be greatly appreciated and I want to say that these forums have been a godsend during my first venture into the ZC world. I have become a LARGE fan of the cart as well as the informative and helpful folks here. Hopefully I can become versed enough to contribute myself in the near future.

Thanks again!

Hi,
try to put the following in your css, in the definition of the div id categoriescss:
#categoriescss {
....
clear: both;
}

Thanks for the VERY quick response. However, after an extensive search of the source code for my entire catalog with no luck in finding "div id categoriescss" or even just "categoriescss", I'm afariad I must ask for clarification for the Zen-impaired.

(Tell me, the newbie trance that I'm in begin to fade soon?)

look for it in stylesheet.css in your template directory (includes/templates/YOUR_TEMPLATE/css/stylesheet.css)
If it isn't there, add the following lines

Code:

---

#categoriescss {
clear: both;
display: block;
}

---

Thanks again for the reply. But, alas, twas to no avail.

I have no idea what bearing this has ir if it might help you solve my dilemma, but when I turn on the "search_header.php" from the layout boxes controller, it solves the spacing issue.

Not in FireFox & Opera ... !
The problem continues...

Try to validate your code throught w3c. It will show you your HTML errors and warnings...
http://validator.w3.org/

Sorry, my brother, I turned the search header back off before my last post... it is back on now if you want to look again.

I submitted to w3c and all was just hunkie-dorie. I guess the search header doesn't look too bad but I wanted to keep the full search box on the right and would be a tad redundant.

Yes, redundant indeed.
Try to insert the code I gave you, it will resolve your problem in case you want to remove the search again.

Sorry for taking up your time on what was, as it turns out, a simple fix... simply removing the float tag from the css took care of my issue.

Thanks again for everyhting!

You can leave the float tag if it is needed as long as you put the clear both in the same class or id