Different CSS padding in different browsers

Well I placed this in htlm with the short codes because I wanted to be inside the dropdowm but I guess thats very wrong ://.

<div id=”topbar”>
<div id=”sections_btn_holder”>
<button onclick=”toggleNavPanel(‘sections_panel’)”><img src=”http://kajatheone.com/wp-content/uploads/2015/09/cz1.jpg&#8221; alt=”Česká Republika”> Česká Republika <span id=”navarrow”>▾</span></button>
</div>
<div id=”sections_panel”>
<p>Změnit měnu:</p>

• [woocs width=’170px’]

<p>Další země stránek:</p>
• [vc_row][vc_column width=”1/3″][ultimate_modal modal_title=”United Kingdon” modal_on=”image” btn_img=”4191|http://kajatheone.com/wp-content/uploads/2015/09/uk1.jpg” modal_style=”overlay-zoomin” overlay_bg_opacity=”80″ init_extra_class=”sd”]You are about to enter United Kingdom site.
  [button style=”big filled” url=”http://kajatheone.com/uk/&#8221; title=”Enter”][/ultimate_modal][/vc_column][vc_column width=”1/3″][ultimate_modal modal_title=”Německo” modal_on=”image” btn_img=”4188|http://kajatheone.com/wp-content/uploads/2015/09/germany1.jpg” modal_style=”overlay-zoomin” overlay_bg_opacity=”80″ init_extra_class=”sd”]ysrxdtcfgvzubhijnokmxrdtfcgvhbjn

  [button style=”big filled” url=”#” title=”Big Button”][/ultimate_modal][/vc_column][vc_column width=”1/3″][ultimate_modal modal_title=”Spanish” modal_on=”image” btn_img=”4182|http://kajatheone.com/wp-content/uploads/2015/09/slovakia.jpg” modal_style=”overlay-zoomin” overlay_bg_opacity=”80″ init_extra_class=”sd”]ysrxdtcfgvzubhijnokmxrdtfcgvhbjn

  [button style=”big filled” url=”#” title=”Big Button”][/ultimate_modal][/vc_column][/vc_row]

</div>
</div>

<script>
function toggleNavPanel(x){
var panel = document.getElementById(x), navarrow = document.getElementById(“navarrow”), maxH=”160px”;
if(panel.style.height == maxH){
panel.style.height = “0px”;
navarrow.innerHTML = “▾”;
} else {
panel.style.height = maxH;
navarrow.innerHTML = “▴”;
}
}
</script>