diff --git a/editor/svg-editor.css b/editor/svg-editor.css
index 7326efcd..6e2ada99 100644
--- a/editor/svg-editor.css
+++ b/editor/svg-editor.css
@@ -251,12 +251,12 @@ div.color_block {
 #svg_editor #tool_fhellipse { background: 2px 2px url('images/freehand-circle.png') no-repeat; }
 #svg_editor #tool_stacktop { background: 2px 2px url('images/move_top.png') no-repeat; }
 #svg_editor #tool_stackbottom { background: 2px 2px url('images/move_bottom.png') no-repeat; }
-#svg_editor #tool_aligntop { background: 2px 2px url('images/align-vertical-top.png') no-repeat; }
-#svg_editor #tool_alignmiddle { background: 2px 2px url('images/align-vertical-middle.png') no-repeat; }
-#svg_editor #tool_alignbottom { background: 2px 2px url('images/align-vertical-bottom.png') no-repeat; }
-#svg_editor #tool_alignleft { background: 2px 2px url('images/align-horizontal-left.png') no-repeat; }
-#svg_editor #tool_aligncenter { background: 2px 2px url('images/align-horizontal-center.png') no-repeat; }
-#svg_editor #tool_alignright { background: 2px 2px url('images/align-horizontal-right.png') no-repeat; }
+#svg_editor #tool_aligntop { background: 2px 2px url('images/align-top.png') no-repeat; }
+#svg_editor #tool_alignmiddle { background: 2px 2px url('images/align-middle.png') no-repeat; }
+#svg_editor #tool_alignbottom { background: 2px 2px url('images/align-bottom.png') no-repeat; }
+#svg_editor #tool_alignleft { background: 2px 2px url('images/align-left.png') no-repeat; }
+#svg_editor #tool_aligncenter { background: 2px 2px url('images/align-center.png') no-repeat; }
+#svg_editor #tool_alignright { background: 2px 2px url('images/align-right.png') no-repeat; }
 
 /* TODO: figure out what more-specific selector causes me to write this atrocity and not
          simply .tool_flyout_button */
diff --git a/editor/svg-editor.html b/editor/svg-editor.html
index 04f09b47..a0e5fa92 100644
--- a/editor/svg-editor.html
+++ b/editor/svg-editor.html
@@ -89,12 +89,12 @@
 		<img class="tool_button" id="tool_clone_multi" src="images/clone.png" title="Clone Elements [C]" alt="Clone"/>
 		<img class="tool_button" id="tool_delete_multi" src="images/delete.png" title="Delete Selected Elements [Delete/Backspace]" alt="Delete"/>
 		<img class="tool_sep" src="images/sep.png" alt="|"/>
-		<img class="tool_button" id="tool_alignleft" src="images/align-left.png" title="Align Left" alt="Left"/>
-		<img class="tool_button" id="tool_aligncenter" src="images/align-center.png" title="Align Center" alt="Center"/>
-		<img class="tool_button" id="tool_alignright" src="images/align-right.png" title="Align Right" alt="Right"/>
-		<img class="tool_button" id="tool_aligntop" src="images/align-top.png" title="Align Top" alt="Top"/>
-		<img class="tool_button" id="tool_alignmiddle" src="images/align-middle.png" title="Align Middle" alt="Middle"/>
-		<img class="tool_button" id="tool_alignbottom" src="images/align-bottom.png" title="Align Bottom" alt="Bottom"/>
+		<div class="tool_button" id="tool_alignleft" title="Align Left" alt="Left"></div>
+		<div class="tool_button" id="tool_aligncenter" title="Align Center" alt="Center"></div>
+		<div class="tool_button" id="tool_alignright" title="Align Right" alt="Right"></div>
+		<div class="tool_button" id="tool_aligntop" title="Align Top" alt="Top"></div>
+		<div class="tool_button" id="tool_alignmiddle" title="Align Middle" alt="Middle"></div>
+		<div class="tool_button" id="tool_alignbottom" title="Align Bottom" alt="Bottom"></div>
 		<span class="selected_tool">relative to:</span>
 		<select id="align_relative_to" class="selected_tool" title="Align relative to ...">
 		<option value="selected">selected objects</option>