How to remove panel-separator CSS in mini-panels? I have an issue with a mini-panel which prevents me from aligning social buttons:



I tried to set:

.panel-separator { height: 0px; width: 0px; }


in my CSS, but the Google +1 button is still under the ShareThis buttons, rather than next to it. The only difference is that FireBug displays the div line as shaded. There is enough space on the right of the ShareThis buttons for the Google +1 button.

How can I solve this? Thanks. If it matters, I am using Panels Everywhere with the Versatile theme.

UPDATE

I tried .panel-separator { display: none; }. It improved the situation, but did not solve it:



I am including more requested information:




UPDATE II

I asked another question and the issue is now solved.
All you need is to override the panels_default_style_render_region function.


Open your template.php file that can be found here:
/sites/all/themes/YOURTHEME/
Create a  new function in end of the file 

function YOURTHEME_panels_default_style_render_region($vars) {
    $output = '';
    $output .= implode('', $vars['panes']);
    return $output;
}