Решение проблем странно действующих ярлыков в ie7

Question

Хорошо, это своего рода двойной вопрос, поэтому я разделю его на два.

Первая часть

В современных браузерах основные полужирные надписи расположены вышеих соответствующие элементы формы, и выровнять влево, как ожидается.Однако в ie7 они случайно размещают 10-15px врезку.Я прошел через инструменты разработчика и не мог найти ничего, чтобы исправить это.Я убедился, что все мои поля и отступы сброшены, поэтому я не совсем понимаю = S

Вот демоверсия страницы - ссылка

Может быть, некоторые из вас, т.е.исправление ошибок гений знает, в чем проблема?= D

Вторая часть

Снова с метками, на этот раз они расположены рядом с флажками и переключателями.Снова в современных браузерах, сторона рядом с элементами формы, как и ожидалось, но не так в ie7, где они принимают новую строку.Я пробовал использовать плавающие, изменяющие поля и все, но безрезультатно располагая их на одном уровне с div.checker или div.radio, который создается единым плагином Jquery.

Вот демоверсия страницы - ссылка

Извините, что беспокою вас своими проблемами с ie7, я знаю, что решить их не очень весело.Надеюсь, у кого-то хватит терпения помочь.

Мэтт

Answer 1

Часть 1 :

ol,ul{
    list-style-type:circle; list-style-position:inside;
}

Если вы измените это на:

ol,ul{
    list-style-type:circle;
}

Или просто полностью удалите определение, которое, кажется, делает это для меня.

Я думаю, что это разумно, поскольку я не вижу ничего, на самом деле использующего списки.

Изменить для части 2 :

IE не нравится это:

input{
    background:#FFFFFF url(../images/input_bg.png) repeat-x;
    border:1px solid #CCCCCC;
    margin-bottom:20px;
    -moz-border-radius:3px;
    padding:7px;
    -webkit-border-radius:2px;
}

Если вы уберете margin-bottom:20px;, ваш переключатель не будет сбит с толку.

Извините, я на самом деле не предоставляю решения для IE7, но, по крайней мере, у вас есть места, которые нужно исправить.

Answer 2

вот точка, в которой проблема

http://www.alistapart.com/articles/beyonddoctype

вот несколько моментов о типе документа прямо здесь, в SO

Какой тип документа вы используете при написании веб-страниц?

:)