diff --git a/debug/map-mobile.html b/debug/map-mobile.html
new file mode 100644
index 00000000..250aaad5
--- /dev/null
+++ b/debug/map-mobile.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+	
+	<script type="text/javascript" src="../src/Leaflet.js"></script>
+	 
+	<!-- /core -->
+	<script type="text/javascript" src="../src/core/Util.js"></script>
+	<script type="text/javascript" src="../src/core/Class.js"></script>
+	<script type="text/javascript" src="../src/core/Events.js"></script>
+	<script type="text/javascript" src="../src/core/Browser.js"></script>
+	
+	<!-- /dom -->
+	<script type="text/javascript" src="../src/dom/DomEvent.js"></script>
+	<script type="text/javascript" src="../src/dom/DomUtil.js"></script>
+	<script type="text/javascript" src="../src/dom/Draggable.js"></script>
+	
+	<!-- /geo -->
+	<script type="text/javascript" src="../src/geo/LatLng.js"></script>
+	<script type="text/javascript" src="../src/geo/Projection.js"></script>
+	
+	<!-- /geometry -->
+	<script type="text/javascript" src="../src/geometry/Point.js"></script>
+	<script type="text/javascript" src="../src/geometry/Bounds.js"></script>
+	<script type="text/javascript" src="../src/geometry/Transformation.js"></script>
+	
+	<!-- /layer -->
+	<script type="text/javascript" src="../src/layer/TileLayer.js"></script>
+
+	<!-- / -->
+	<script type="text/javascript" src="../src/Map.js"></script>
+	
+	<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
+	
+	<style type="text/css">
+		html, body, #map {
+			margin: 0;
+			padding: 0;
+			width: 100%;
+			height: 100%;
+		}
+	</style>
+</head>
+<body>
+
+	<div id="map"></div>
+
+	<script type="text/javascript">
+
+		var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+			cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18}),
+			latlng = new L.LatLng(50.5, 30.51);
+	
+		var map = new L.Map('map').addLayer(cloudmade).setView(latlng, 15);
+		 
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/debug/map.html b/debug/map.html
index be5095f3..520d044a 100644
--- a/debug/map.html
+++ b/debug/map.html
@@ -12,6 +12,7 @@
 	<!-- /dom -->
 	<script type="text/javascript" src="../src/dom/DomEvent.js"></script>
 	<script type="text/javascript" src="../src/dom/DomUtil.js"></script>
+	<script type="text/javascript" src="../src/dom/Draggable.js"></script>
 	
 	<!-- /geo -->
 	<script type="text/javascript" src="../src/geo/LatLng.js"></script>
@@ -25,37 +26,22 @@
 	<!-- /layer -->
 	<script type="text/javascript" src="../src/layer/TileLayer.js"></script>
 
+	<!-- / -->
 	<script type="text/javascript" src="../src/Map.js"></script>
 	
-	<style type="text/css">
-		#map {
-			width: 500px;
-			height: 500px;
-		}
-		.leaflet-container {
-			background: #ddd;
-			overflow: hidden;
-		}
-		.leaflet-map-pane {
-			position: absolute;
-			top: 0;
-			left: 0;
-		}
-		.leaflet-tile {
-			position: absolute;
-		}
-	</style>
+	<link rel="stylesheet" type="text/css" href="../dist/leaflet.css" />
 </head>
-<body>
+<body style="padding: 10px">
 
-	<div id="map"></div>
+	<div id="map" style="width: 500px; height: 500px"></div>
 
 	<script type="text/javascript">
 
-		var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {maxZoom: 18}),
-			latlng = new L.LatLng(50.5, 30.5);
+		var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+			cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18}),
+			latlng = new L.LatLng(50.5, 30.51);
 	
-		var map = new L.Map('map').addLayer(osm).setView(latlng, 10);
+		var map = new L.Map('map').addLayer(cloudmade).setView(latlng, 15);
 	</script>
 </body>
 </html>
\ No newline at end of file
