css conflicting with named anchor tags

[azjudd]

Thank you in advance for your help on this one.

I'm using named anchor tags on a FAQ page with questions listed at the top and answers below; a standard jump-to feature. However, anytime an anchor tag link is used, whether it be a question down to an answer or an answer back to the list of questions, I lose the banner div, a good portion of of my MenuDv disappears, and white space is added to the bottom of my page. You can see my FAQ page here:

http://www.quittersblog.com/090914/about/faqs/

If I unlink the template.css file from the page, the anchor tag functionality works fine without any change/loss of page content. You can see my FAQ page without the template.css applied here:

http://www.quittersblog.com/090914/about/faqs/index3.html

The template.css file was built-out by an agency and I can't figure out what is causing this issue. Should you wish to view the template.css file and don't use FF's Web Developer add-on, I've included a link to the css below:

http://www.quittersblog.com/090914/css/template.css

Again, I would really appreciate some assistance because I'm stumped. Thanks!

[NDK]

you use <a id="answer1">, try <a name="answer1">

don't know if it will work, but you can try :)

[azjudd]

I appreciate your time. I'm finding out the issue definitely involves poorly written css in the template.css file; changing id's to names may be more w3c compliant but doesn't fix the underlying issue. I'm currently playing with adjustments with to the main box element divs (container, header, main, LeftSide, RightSide, and footer) in an attempt to fix the issue. I would appreciate continued input from the forum to help me out. Thank you.