Is there a way to remove the horizontal scrollbars at the bottom of the frame that opens when you click on a heading to expand it?

Can you please provide a link to your page?

www.westendcanton.com/staff1.html

They appear in Firefox but when I opened just now in Safari on my IPhone they are not there.

Thanks for any help you can provide.

This reply was removed on 3/27/2012 10:48:22 AM.
See the changelog

Hello,

The reason the scrollbars are there can be found in your css file:

#innerwrapper p {
    margin: 12px;
    width: 530px;
}

The <p> width is more than the accordion width.

I don't see how I can change the width of the accordion without it effecting the size of the container. I have an empty container (i.e. Another Stylist) and it does not have the scrollbars. I guess I am asking how do I change this to not carry the containers into the pictures on the right hand side and still not have the scrollbars?

What you need to do is to remove the width from your inner container.
It is in YOUR CSS stlysheet.

    #innerwrapper p {  
        margin: 12px;  
        width: 530px;  
    }  

Thank you Teodor. I modified the <p> within the accordion and was able to change it without effecting the innerwrapper p style that effects other pages.