Map zoom controls not displaying correctly [duplicate]

Question

I have created a simple map using API3. However, the zoom controls on the top left look "Squashed" - a they are not displaying properly. The rest of the map is fine. The weird thing is that I have used the same method as for previous sites, where things work well.

Here's some code:

var directionDisplay; var directionsService = new google.maps.DirectionsService(); var map; var marker; var markersArray=[]; var html;   //to create urls var directionsVisible = new Boolean(); directionsVisible = false;  function initialize() {          directionsDisplay = new google.maps.DirectionsRenderer();     var orchards = new google.maps.LatLng(52.512805,-2.76007);     var myOptions = {         zoom:14,         mapTypeId: google.maps.MapTypeId.ROADMAP,         center: orchards,         panControl: false     }     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);     addMarker(orchards); } 

Answer 1

The issue should be because of universal img { max-width: 100%; }

Try this one in to your css

.gmnoprint img {     max-width: none;  }