diff --git a/css/inline_devel.css b/css/inline_devel.css
index fc4c904..fad8179 100644
--- a/css/inline_devel.css
+++ b/css/inline_devel.css
@@ -9,6 +9,7 @@
   background: #B3A400;
   border: none;
   margin-right: 0px;
+  position: relative;
   -webkit-user-select: none;
   -webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
@@ -51,10 +52,10 @@
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
+  padding: 5px;
   color: #003250;
   background: #F2F2F5;
   border: #5893AC solid 1px;
-  font-family: Verdana;
 }
 
 .form-type-textfield.form-item-variables {
@@ -62,24 +63,27 @@
   padding-left: 15px;
   display: none;
 }
-
 .bordered {
   background: #EBF4FA;
   border-bottom: none;
   border-top: none;
   color: #BE420E;
   font-size: 12px;
-  height: 150px;
+  height: 220px;
   overflow: scroll;
   overflow-x: hidden;
-  width: 100%;
-  font-family: Verdana;
+  width: 110%;
+  font-family: Symbol;
 }
 
 .grippie {
   display: none;
 }
 
+.suggestion-wrapper {
+  overflow: hidden;
+}
+
 .border-up {
   background: #EBF4FA;
   border: #FF9834 solid 1px;
@@ -87,11 +91,17 @@
   padding-bottom: 5px;
 }
 
+.bordered div {
+  padding: 10px;
+}
+
 .selected-function {
   background: white;
   border: #FF9834 solid 1px;
   border-left: none;
   border-right: none;
+  padding-bottom: 9px;
+  padding-top: 9px;
 }
 
 .colored-code {
@@ -104,8 +114,4 @@
 
 .textarea-link {
   display: none;
-}
-
-#inline_devel_wrapper {
-  position: relative;
-}
+}
\ No newline at end of file
diff --git a/inline_devel.info b/inline_devel.info
index 1b96011..adc70e7 100644
--- a/inline_devel.info
+++ b/inline_devel.info
@@ -21,3 +21,6 @@ files[] = includes/inline_devel.entity.inc
 
 ; CSS file
 stylesheets[all][] = css/inline_devel.css
+
+; JS
+scripts[] = js/inline_devel.api.js
diff --git a/inline_devel.module b/inline_devel.module
index 3571c93..3dc4ec3 100644
--- a/inline_devel.module
+++ b/inline_devel.module
@@ -11,9 +11,6 @@ function inline_devel_init() {
   // Add the settings for the inline devel.
   _inline_devel_load_settings_to_js();
 
-  // Load JS files.
-  _inline_devel_load_js_files();
-
   // Adding js file for loading the execute form in every page.
   _inline_devel_overlay_devel();
 
@@ -581,7 +578,6 @@ function _inline_devel_load_settings_to_js() {
     'esc_enable' => TRUE,
     'spaces_instead_of_tabs' => TRUE,
     'number_of_spaces' => 2,
-    'caret_position' => '---',
   );
 
   $settings = array();
@@ -597,19 +593,6 @@ function _inline_devel_load_settings_to_js() {
 }
 
 /**
- * Load needed JS files.
- */
-function _inline_devel_load_js_files() {
-  // Load the caret position plugin.
-  if (module_exists('libraries') && (!$folder = variable_get('caret_position', '---'))  != 'caret_position') {
-    drupal_add_js($folder . '/jquery.caretposition.js');
-  }
-
-  // Load the api file of Inline Devel module.
-  drupal_add_js(drupal_get_path('module', 'inline_devel') . '/js/inline_devel.api.js');
-}
-
-/**
  * Return list of files that related to the modules functionality.
  */
 function _inline_devel_get_files() {
diff --git a/inline_devel_admin_ui/inline_devel_admin_ui.module b/inline_devel_admin_ui/inline_devel_admin_ui.module
index e2b2415..a9da4b2 100644
--- a/inline_devel_admin_ui/inline_devel_admin_ui.module
+++ b/inline_devel_admin_ui/inline_devel_admin_ui.module
@@ -347,26 +347,5 @@ function inline_devel_admin_ui_shorcuts_manage() {
     '#default_value' => variable_get('show_colored_code', FALSE),
   );
 
-  $params = array(
-    '!repository' => l('Repository', 'https://github.com/wolasss/jquery-caret-position-getter'),
-  );
-
-  $libraries = !module_exists('libraries') ? array() : libraries_get_libraries();
-
-  $form['caret_position'] = array(
-    '#type' => 'select',
-    '#title' => t('Select the location of the caret position getter library'),
-    '#description' => t('If you would like to display the function suggester under the caret on the text area, clone the !repository to the libraries folder and select the proper folder.', $params),
-    '#options' => array(
-      '---' => t('Turned off'),
-    ) + array_flip($libraries),
-    '#disabled' => !$libraries,
-    '#default_value' => variable_get('caret_position', '---'),
-  );
-
-  if (!$libraries) {
-    $form['caret_position']['#description'] .= '<br /><span style="color: red;">' . t('The libraries module is needed for this action.') . ' </span>';
-  }
-
   return system_settings_form($form);
 }
diff --git a/js/inline_devel.api.js b/js/inline_devel.api.js
index 0983619..3a6e827 100644
--- a/js/inline_devel.api.js
+++ b/js/inline_devel.api.js
@@ -64,10 +64,6 @@ function log(word) {
     // Holds the delta that the user selected from the function suggester.
     var currentFunction;
 
-    // Wrapping the text area so the suggester will be relative the text area
-    // and not to the page.
-    $(this).wrap("<div id='inline_devel_wrapper'></div>");
-
     // Attaching the suggester divs to the element.
     $(this).after("<div class='suggestion-wrapper'><div class='suggestion' id='suggestion'></div></div>");
 
@@ -121,11 +117,6 @@ function log(word) {
           items.push(jQuery.itemPush(val));
         });
 
-        // Change the location of the suggester.
-        if (Drupal.settings.inline_devel.caret_position != '---') {
-          textarea.floatingDetector($("DIV.suggestion-wrapper.border-up"));
-        }
-
         // Insert the html.
         functionsName.html(items.join(''));
 
@@ -171,10 +162,10 @@ function log(word) {
         textarea.val(data.value.slice(0, start) + last_word + white_space + data.value.slice(end));
 
         // Change the position of the cursor.
-        textarea.setCursorPosition(end + settings.number_of_spaces, end + parseInt(settings.number_of_spaces));
+        textarea.setCursorPosition(end + settings.number_of_spaces, end + settings.number_of_spaces);
       }
 
-      if ($(this).breakOnReserved() == 0 || jQuery.inArray(keyPressed.which, new Array(8, 9, 48, 57, 219, 221)) > -1) {
+      if ($(this).breakOnReserved() == 0 || jQuery.inArray(keyPressed.which, new Array(48, 57, 219, 221)) > -1) {
         $("#suggestion").closeSuggester();
         return;
       }
@@ -182,7 +173,7 @@ function log(word) {
       // The functions is revealed to the user. When scrolling down with the
       // keyboard need to keep the the courser in the same place for replacing
       // words properly.
-      if ((keyPressed.which == 38 || keyPressed.which == 40 || keyPressed.which == 9) && availableFunctionNumber > 0) {
+      if ((keyPressed.which == 38 || keyPressed.which == 40) && availableFunctionNumber > 0) {
         keyPressed.preventDefault();
         $("#suggestion").getPositionOverflow(keyPressed.which);
       }
@@ -579,34 +570,5 @@ function log(word) {
     }
   };
 
-  /**
-   * Calculating the floating position of the x and y for the detector.
-   */
-  jQuery.fn.floatingDetector = function(functions) {
-    // Get the x position of the textarea.
-    var x = Math.abs($(this).position().left);
-
-    // Get the y position of the textarea.
-    var y = Math.abs($(this).position().top);
-
-    // Set the floating position of the suggester.
-    var pos = $(this).getCaretPosition();
-
-    // Different browser needed different additional height.
-    var additional_height = 0;
-    if ($.browser.mozilla) {
-      additional_height = 7;
-    }
-    else {
-      additional_height = 15;
-    }
-
-    functions
-      .css({
-        position: "absolute",
-        left: x + pos.left,
-        top: y + pos.top + additional_height
-      });
-  };
-
 })(jQuery);
+