Vertical Range Select Messes Up Buttons Above

[slj90]

On my page I have a vertical range selector. However, the button above where the range selector is don't work properly. It's almost as if the range selector is for some reason over the button and therefore making it unclickable. It's weird because about 1/4 of the button works properly but when it gets to the part that is inline with the range it doesn't function.. I tried using z-index with no luck.

I am using the following to rotate it... The image is also rotated

.v {
  transform: rotate(-90deg);
}

.v img {  transform: rotate(90deg); }

 

 

 

 

 

Any ideas? I have attached a picture to help explain

Thanks

Edited November 4, 2015 by slj90

[slj90]

I solved it by adding a width/height to the class