Используя Firebug Inspect, я вижу, что на второй странице есть много тегов заголовка в разделе BODY, вместо того, чтобы иметь их в разделе HEAD, поэтому браузер добавляет отступ между "мусором" и # external-div.
Я не могу точно увидеть разницу в коде, но я вижу, что он ломается почти сразу после:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
, поскольку ваш доктрины говорят, что вы используете XHTML, вы должны переписатьэту строку как XHTML, добавив / в конце, чтобы тег был правильно закрыт.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
, если это все еще не решает проблему, попробуйте использовать http://validator.w3.org/check до тех пор, пока ваш кодэто XHTML, тогда весь браузер должен отображать его как XHTML, на тот момент, когда браузер воспринимает код как плохо написанный XHTML на некоторых страницах, а на других он думает, что он плохо помечен как HTML 4, и поэтому отображает страницу как HTML4