Необъяснимое пространство над BUTTON внутри DIV
Предисловие :Я читал много статей об изображениях внутри блока div со странным пространством вокруг них и т. д.
Пример #1:Нежелательное заполнение -в нижней части div
Пример #2:https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
Пример #3:не может устранить пространство между двумя горизонтальными элементами div внутри содержащего div
Их проблемы кажутся похожими, но не идентичными моим. В этом образце документа граница, отступы, контур и т. д. установлены на ноль... но и Opera, и Firefox отображают запасной пиксель в верхней части div. Третий может обмануть это пространство, но никто, похоже, не ответит, почему оно там.
Редактировать :Я прочитал МНОГИЕ статьи, которые заманчиво близки к ответу на этот вопрос, но все они кажутся немного разными по фактической проблеме.
Что мне не хватает? Это мой первый вопрос, так что будьте терпеливы, пожалуйста:)
Anger
Есть ли какой-нибудь CSS3, который заставит все это работать? Это экспериментальный проект, поэтому последняя версия CSS3 приветствуется.
PS:Меня волнует только рендеринг Opera, хотя было бы неплохо поддерживать Firefox с тем же кодом, соответствующим стандартам. Спасибо!