diff --git a/examples/markerResize.html b/examples/markerResize.html
new file mode 100644
index 0000000000..d5b940d4e0
--- /dev/null
+++ b/examples/markerResize.html
@@ -0,0 +1,53 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="imagetoolbar" content="no"> <!--ie image gizmo OFF!-->
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, layer;
+        var size, icon;
+        
+        function init(){
+            map = new OpenLayers.Map('map');
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://octo.metacarta.com/cgi-bin/mapserv",
+                {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'} );
+                
+            map.addLayer(layer);
+            var markers = new OpenLayers.Layer.Markers( "Markers" );
+            map.addLayer(markers);
+
+            size = new OpenLayers.Size(50,50);
+            calculateOffset = function(size) {
+                                return new OpenLayers.Pixel(-(size.w/2), -size.h);
+                              };
+            icon = new OpenLayers.Icon('http://boston.openguides.org/markers/AQUA.png',size,null, calculateOffset);
+            markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(-180,90),
+                                                    icon));
+
+            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+        }
+
+        function resize() {
+         
+            size = new OpenLayers.Size(size.w + 10, size.h + 10);
+            icon.setSize(size);   
+            
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+    <div style="background-color:purple" onclick="resize()"> click to resize marker</div>
+  </body>
+</html>
diff --git a/examples/markers.html b/examples/markers.html
index 89bac95568..0667160f35 100644
--- a/examples/markers.html
+++ b/examples/markers.html
@@ -24,7 +24,9 @@
             map.addLayer(markers);
             var newl = new OpenLayers.Layer.Text( "text", "./textfile.txt" );
             map.addLayer(newl);
-            var icon = new OpenLayers.Icon('http://boston.openguides.org/markers/AQUA.png',new OpenLayers.Size(10,17));
+            var size = new OpenLayers.Size(10,17);
+            var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
+            var icon = new OpenLayers.Icon('http://boston.openguides.org/markers/AQUA.png',size,offset);
             markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,0),icon));
             markers.addMarker(new OpenLayers.Marker(new OpenLayers.LonLat(0,45),icon));
             marker = new OpenLayers.Marker(new OpenLayers.LonLat(90,10),icon);
diff --git a/examples/markersTextLayer.html b/examples/markersTextLayer.html
new file mode 100644
index 0000000000..d6079360aa
--- /dev/null
+++ b/examples/markersTextLayer.html
@@ -0,0 +1,37 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="imagetoolbar" content="no"> <!--ie image gizmo OFF!-->
+    <style type="text/css">
+        #map {
+            width: 800px;
+            height: 475px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        var map, layer;
+
+        function init(){
+            map = new OpenLayers.Map('map');
+            layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://octo.metacarta.com/cgi-bin/mapserv",
+                {map: '/mapdata/vmap_wms.map', layers: 'basic', format: 'image/jpeg'} );
+                
+            map.addLayer(layer);
+
+            var newl = new OpenLayers.Layer.Text( "text", "./textfile.txt" );
+            map.addLayer(newl);
+
+            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+            map.addControl(new OpenLayers.Control.LayerSwitcher());
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="map"></div>
+  </body>
+</html>
diff --git a/examples/popups.html b/examples/popups.html
index 681bc59729..d3928b2a5e 100644
--- a/examples/popups.html
+++ b/examples/popups.html
@@ -12,7 +12,8 @@
     <script type="text/javascript">
         <!--
         var map, layer, popup;
-
+        var markers, feature;
+        
         function init(){
             map = new OpenLayers.Map('map');
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
@@ -52,16 +53,48 @@
             map.addPopup(popup);
         }        
         
-        function addAnchorBubble() {
-            popup = new OpenLayers.Popup.AnchoredBubble("chicken", 
-                                         new OpenLayers.LonLat(5,40),
-                                         new OpenLayers.Size(200,200),
-                                         "example popup");
+        function addMarker() {
+    
+            markers = new OpenLayers.Layer.Markers("zibo");
+            map.addLayer(markers);
+
+            feature = new OpenLayers.Feature(layer, 
+                                                 new OpenLayers.LonLat(0,0));
+
+
+            var marker = feature.createMarker();
+            
+            markers.addMarker(marker);
+            marker.events.register("mousedown", marker, mousedown);
+                                                             
+        }
         
-            popup.setBackgroundColor("yellow");
-            popup.setOpacity(0.7);
-            map.addPopup(popup);
+        function mousedown() {
+            if (popup == null) {
+                popup = feature.createPopup();
+                popup.setBackgroundColor("yellow");
+                popup.setOpacity(0.7);
+                popup.events.register("mousedown", popup, onPopupMouseDown);
+                markers.map.addPopup(popup);
+            } else {
+                markers.map.removePopup(popup);
+                popup.destroy();
+                popup = null;
+            }
+            Event.stop(evt);
         }        
+
+        /**
+         * @param {Event} evt
+         */
+        function onPopupMouseDown(evt) {
+            markers.map.removePopup(popup);
+            popup.destroy();
+            popup = null;
+            Event.stop(evt);
+        }
+
+
         function destroy() {
             popup.destroy();
         }
@@ -77,8 +110,7 @@
   <body onload="init()">
     <div id="map"></div>
     <div style="background-color:purple" onclick="add()"> click to add Popup to map</div>
-    <div style="background-color:green" onclick="addAnchor()"> click to add an Popup.Anchored</div>
-    <div style="background-color:orange" onclick="addAnchorBubble()"> click to add Popup.AnchoredBubble</div>
+    <div style="background-color:green" onclick="addMarker()"> click to add a Marker with an AnchoredBubble popup</div>
     <div style="background-color:blue" onclick="changer()"> click to modify popup's attributes</div>
     <div style="background-color:red" onclick="remove()"> click to remove the popup from map</div>
   </body>
