IE7 img - href, ищет обходной путь

Question

У меня возникла эта проблема, это раздражающая ошибка в IE7.

a href вокруг img запрашивает новую строку слева вверху справа 'Boston Whaler '.

Мне не удается найти обходной путь для этого.Может быть, некоторые из вас?

img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    display:block;
}

Я воспроизвел проблему здесь: http://bouwknecht.nl/ie7bug

Answer 1

В IE7, если вы также примените float:left к элементу h3, он будет выровнен по верху. В этом случае убедитесь, что вы применяете clear:both к каждому элементу li.

Answer 2

Есть много вещей, которые не так с вашими правилами CSS, найденными здесь - bouwknecht.nl / boten - внутри ваших элементов списка

у вас есть плавающий контент (тег ), который не должен Чтобы быть плавающим, я предполагаю, что вы хотите переместить ваше изображение влево, вам нужно переместить родительский тег для и дать ему те же поля, что и внутри , не говоря уже о том, чтобы удалить любой стиль из этого тега , также div.price имеет большое нижнее поле, есть ли причина для этого? вам нужно сообщить элементу , что у вас есть плавающие элементы внутри, и что высоту нужно пересчитать, может быть, решение типа clearfix здесь работает, а overflow: hidden; работает с элементом , но, возвращаясь к вашему div.price, вам нужно будет исправить поля, так как вы работаете с негативами, я попытался исправить это с помощью margin: 0; и это сработало просто отлично, это может быть не «Ответ для IE7», но как только вы исправите свои правила, вы убедитесь, что каждый браузер делает все возможное, чтобы соответствовать спецификации, если вы пишете плохой код, то браузеры пытаются быть умными и исправлять это для вас, используя каждый свой уникальный способ, таким образом, работая в некоторых