diff --git a/lib/mile_marker.rb b/lib/mile_marker.rb
index 3b36011..ad26c09 100644
--- a/lib/mile_marker.rb
+++ b/lib/mile_marker.rb
@@ -45,9 +45,10 @@ def self.initialize_mile_marker()
   }
   function init_miles() {
     $$('*[mile]').each(function(block, index) {
-      html = '<div id="mile_'+index+'" style="display: none; z-index: 1000; position: absolute; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); color: #eee; font-family: Lucida Sans, Helvetica; font-size: 10px; font-weight: bold; white-space: nowrap; overflow: hidden;"><p style="padding: 3px 5px; background-color: #000; opacity: 1.0; filter: alpha(opacity=100); display: inline; color: #f3f3f3;">'+block.getAttribute('mile')+'</p></div>'
+      html = '<div id="mile_'+index+'" style="display: none; z-index: 1000; position: absolute; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); color: #eee; font-family: Lucida Sans, Helvetica; font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden;"><p style="padding: 3px 5px; background-color: #000; opacity: 1.0; filter: alpha(opacity=100); display: inline; color: #f3f3f3;">'+block.getAttribute('mile')+'</p></div>'
       new Insertion.Before($(block), html);
       Position.clone($(block), $('mile_'+index));
+      if($('mile_'+index).getHeight() <= 25) { $('mile_'+index).setStyle({fontSize: '10px'}); }
       $('mile_'+index).observe("mouseover", function(event) {
         element = Event.element(event); 
         if(element.immediateDescendants()[0])