diff --git a/WebContent/images/raw/target.png b/WebContent/images/raw/target.png
new file mode 100644
index 000000000..3bcb3b732
Binary files /dev/null and b/WebContent/images/raw/target.png differ
diff --git a/WebContent/images/target.png b/WebContent/images/target.png
index 3bcb3b732..25607006d 100644
Binary files a/WebContent/images/target.png and b/WebContent/images/target.png differ
diff --git a/WebContent/main.css b/WebContent/main.css
index 2739a6c80..159080961 100644
--- a/WebContent/main.css
+++ b/WebContent/main.css
@@ -276,11 +276,20 @@ html, body {
 	vertical-align: middle;
 	padding:1px 5px 1px 5px;
 }
+.result-direction
+{
+	width:18px;
+	height:21px;
+	
+	background-repeat:no-repeat;
+	background-position:center;	
+}
 .result-distance
 {
 	text-align:right;
 	vertical-align: middle;
 	padding:1px 1px 1px 5px;
+
 }
 .result-item
 {
diff --git a/WebContent/routing/OSRM.RoutingDescription.js b/WebContent/routing/OSRM.RoutingDescription.js
index 45d28158a..19bb3f5c1 100644
--- a/WebContent/routing/OSRM.RoutingDescription.js
+++ b/WebContent/routing/OSRM.RoutingDescription.js
@@ -66,8 +66,8 @@ show: function(response) {
 		route_desc += '<tr class="'+rowstyle+'">';
 		
 		route_desc += '<td class="result-directions">';
-		route_desc += '<img width="18px" src="'+OSRM.RoutingDescription.getDrivingInstructionIcon(response.route_instructions[i][0])+'" alt="" />';
-		route_desc += "</td>";		
+		route_desc += '<div class="result-direction" style="background-image:url(\''+ OSRM.RoutingDescription.getDrivingInstructionIcon(response.route_instructions[i][0]) + '\');"></div>';		
+		route_desc += "</td>";
 		
 		route_desc += '<td class="result-items">';
 		route_desc += '<div class="result-item" onclick="OSRM.RoutingDescription.onClickRouteDescription('+response.route_instructions[i][3]+')">';