Отобразите отделение ниже поля ввода точной ширины с помощью jQuery

Я в настоящее время использую следующий код для расположения отделения непосредственно ниже входного текстового поля на фокусе. Проблемой является ширина отделения, варьируется между браузерами. Существует ли способ гарантировать отделение, которое появляется, точная ширина как мое поле ввода?

  // get the field position
  var inputField = $('#inputfield');
  var fieldDiv = $('div.divname');
  var sf_pos    = field.offset();
  var sf_top    = sf_pos.top;
  var sf_left   = sf_pos.left;
  // get the input field size
  var sf_height = inputField.height();
  var sf_width  = inputField.width();

  fieldDiv.css("position","absolute");
  fieldDiv.css("left", sf_left);
  fieldDiv.css("top", sf_top + sf_height + 6);
  fieldDiv.css("width", sf_width);

  $('#inputfield').focus(function() {
    fieldDiv.fadeIn('medium');
  }).blur(function() {
    fieldDiv.fadeOut('medium');
  });