Fixing example to only do the conditional inclusion on ie6 and below and adding some explanatory comments in the example file and also in the actual controls themselves. No functional change to library (only to example file)

git-svn-id: http://svn.openlayers.org/trunk/openlayers@7956 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf

examples/pan-zoom-panels.html

@@ -3,7 +3,14 @@
     <title>Pan and Zoom Panels</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
 
-    <!--[if IE]>
+    <!-- 
+      -- Special stylesheet inclusion for ie6, which doesn't handle the alpha 
+      -- channel of images correctly. The special ie6 stylesheet will only 
+      -- be included if the browser running is ie6. For now, the only thing it
+      -- does is load alternative, non-alpha pngs for the zoom/pan panels.
+      -->
+
+    <!--[if lte IE 6]>
         <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
     <![endif]-->
 

lib/OpenLayers/Control/PanPanel.js

@@ -5,6 +5,15 @@
 
 /**
  * Class: OpenLayers.Control.PanPanel
+ * 
+ * Note: If you wish to use this class with the default images and you want 
+ *       it to look nice in ie6, you should add the following, conditionally
+ *       added css stylesheet to your HTML file:
+ * 
+ * <!--[if lte IE 6]>
+ *   <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+ * <![endif]-->
+ * 
  */
 OpenLayers.Control.PanPanel = OpenLayers.Class(OpenLayers.Control.Panel, {
 

lib/OpenLayers/Control/ZoomPanel.js

@@ -7,6 +7,15 @@
 
 /**
  * Class: OpenLayers.Control.ZoomPanel
+ * 
+ * Note: If you wish to use this class with the default images and you want 
+ *       it to look nice in ie6, you should add the following, conditionally
+ *       added css stylesheet to your HTML file:
+ * 
+ * <!--[if lte IE 6]>
+ *   <link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css" />
+ * <![endif]-->
+ * 
  */
 OpenLayers.Control.ZoomPanel = OpenLayers.Class(OpenLayers.Control.Panel, {