Почему этот элемент div расположен не по центру экрана?

После того, как я внес некоторые изменения, мой блок обратной связи больше не центрируется на экране, и я не могу понять, почему.

Чтобы центрировать элемент, нужно только установить ширину, а затем просто выполнить margin: 0 auto; Обычно этого должно быть достаточно.

Цель состоит в том, чтобы элемент div отображался в верхней части экрана по центру. Вы можете увидеть мой скрипт здесь:

http://jsfiddle.net/3u3fd/

Код:

#feedback {
  position: fixed;
  top: 0px;
  min-height: 50px;
  width: 300px;    
  margin: 10px auto;
  z-index: 9000;
  font-weight: bold;
  line-height: 24px;
  border: solid 1px #d1d2d1;
  padding: 10px;
  background-color: #f7f2e7;
  display: none;
  border-radius: 5px;  
  -moz-border-radius: 5px; /* FF < 4.0 */
  -webkit-border-radius: 5px;     /* Rounded corners for Safari */ 
}

#feedback span { display: block; float: left;}
#feedback #feedback_icon { width: 24px; height: 24px; overflow: hidden; margin-right: 10px; }
#feedback #feedback_text { height: 24px; line-height: 24px; display: inline-block; }


​
Message here

Любая помощь приветствуется!