css - Google Maps InfoWindow not displaying complete text in Firefox -

css - Google Maps InfoWindow not displaying complete text in Firefox -

i using code available here in fiddle here.

the problem text in info window appearing this:

it should say: here. (in single line)

using firebug, changed text's parent style have width 75px horizontal scrollbar appeared on text in info window. tried hide scrollbar using firebug , worked when set in code, scrollbar appears again.

css:

*{ margin: 0; padding: 0; } body{ font-family: arial; font-size: 62.5%; /* so, 10px = 1rem */ } #button-container{ } button{ color: white; background: #4196c2; border: 0rem; border-radius: 0rem 0rem 0.5rem 0.5rem; padding: 0.5rem; outline: none; display: block; margin: 0 auto; } #show-hide{ height: 1.5rem; line-height: 0; } #map-canvas{ z-index: -1; position: absolute; top: 0; height: 100%; width: 100%; } .gm-style-iw div{ /*width: 75px; overflow: hidden;*/ } .gm-style-iw div div{ /* overflow: hidden;*/ }

how prepare this?

you can command infowindow content width putting html inline styles in content this:

var infowindow = new google.maps.infowindow({ map: map, position: pos, content: '<div style="width: 75px">you here.</div>' });

this width changed dynamically , set inline styles have priority on css, thats why gets overriden when set changes in css

css google-maps firefox