I'm using this example code to overlay something on a Google map.\[code\]<!DOCTYPE HTML><html><head><title>Google Map Test</title><style>html, body {margin: 0;padding: 0;font-family: Helvetica, sans-serif, Arial;}.txt {position: absolute;top: 100px;left: 150px;padding: 30px 50px;text-align: center;font-size: 13px;font-weight: bold;z-index: 99;background-color: #fff;border: 1px solid #ddd;}</style></head><body><div><iframe src="http://www.apps-tube.com/ip-lookup/google-map.php?xy=14.4673541,78.8241339" scrolling="no" frameborder="no" id="gmap" style="width:746px;height:380px;"></iframe></div><div class="txt">Country name</div></body></html>\[/code\]I get this result [Text automatically blurred]
But I want the result without blur effect like bellow image
Please help me to remove this blur effect, visit this link for example pagehttp://test.easy-digital.com/gmap/page.php\[code\]Note: I'm using Google Chrome browser\[/code\]