I have a 7 page form where each page has three columns. In order to achieve the desired form design and see all the information, I used CSS to get scrolling. #frm_field_548_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_587_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_593_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_631_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } #frm_field_858_container { height: 600px; overflow-y: scroll; overflow-x: hidden !important; } /* .frm_radio { height: 23px !important; } */  But I need the vertical radio buttons located on the page 3 and 4 in the left column to have a distance of 2px from each other. Because I will be using up to 96 radio buttons. It works for me if I insert CSS: .frm_radio { height: 23px !important; } . But then the scrolling stops working and there is a multiple overlay of pictures in the second column. Can this be fixed somehow?