diff --git a/ext/notes/border-h.gif b/ext/notes/border-h.gif
new file mode 100644
index 00000000..a2aa5b0d
Binary files /dev/null and b/ext/notes/border-h.gif differ
diff --git a/ext/notes/border-v.gif b/ext/notes/border-v.gif
new file mode 100644
index 00000000..4bfd5556
Binary files /dev/null and b/ext/notes/border-v.gif differ
diff --git a/ext/notes/script.js b/ext/notes/script.js
index 43f492b2..6682a74b 100644
--- a/ext/notes/script.js
+++ b/ext/notes/script.js
@@ -3,6 +3,7 @@
 $(function() {
 	if(window.notes) {
 		$('#main_image').imgNotes({notes: window.notes});
+		$(window).resize(); //Simulate window resize to fix note positioning
 	}
 
 	$('#cancelnote').click(function(){
diff --git a/ext/notes/style.css b/ext/notes/style.css
index bb0e0160..111d8971 100644
--- a/ext/notes/style.css
+++ b/ext/notes/style.css
@@ -33,3 +33,45 @@
 #noteform textarea, #noteEditForm textarea {
 	width: 100%;
 }
+
+/*
+ * imgAreaSelect default style
+ */
+
+.imgareaselect-border1 {
+	background: url(border-v.gif) repeat-y left top;
+}
+
+.imgareaselect-border2 {
+    background: url(border-h.gif) repeat-x left top;
+}
+
+.imgareaselect-border3 {
+    background: url(border-v.gif) repeat-y right top;
+}
+
+.imgareaselect-border4 {
+    background: url(border-h.gif) repeat-x left bottom;
+}
+
+.imgareaselect-border1, .imgareaselect-border2,
+.imgareaselect-border3, .imgareaselect-border4 {
+    filter: alpha(opacity=50);
+	opacity: 0.5;
+}
+
+.imgareaselect-handle {
+    background-color: #fff;
+    border: solid 1px #000;
+    filter: alpha(opacity=50);
+    opacity: 0.5;
+}
+
+.imgareaselect-outer {
+    /*background-color: #000;*/
+    filter: alpha(opacity=50);
+    opacity: 0.5;
+}
+
+.imgareaselect-selection {  
+}
\ No newline at end of file