Shifting sidebar on the left, problems with mobile site

Hi, I added the css:
#content .main {float:right;}
to shift the side bar of my shop on the left and now I have some problems on the mobile version of the site.

I checked the topic “Shifting Sidebar to the left and some problems with mobile site” but that couldn’t solve my problems which are:

1) in mobile size the side bar is way larger than mani content, I can’t click on products and they are overlaid by the side bar lines

2)when I enter in a product page the tabs (additional info and description) the content des not adapt to the size of the tabs. I tryed with the code you suggested `.product_item .product_details h5 {
word-wrap: break-word;
}` and it solves the problem but creates another, which is that makes the text fit in the tabs but I can only see half on the product page content when in vertical view in my iPhone 4.

Thanks for your help