IEのCSS/HTML問題 - 修正方法は？

Question

ここでこのページに取り組んでいます：

http://noasimon.co.il/

Firefox、Chrome、Opera、IE8ではうまく見えます
しかし、IE8の「互換性ビュー」をオンにすると、メニュー画像はテキストの下に進みます。

このビューでのみ発生する別の問題は、このページにあります。
http://noasimon.co.il/exhibition2010

サムネイルはビューの外にあまりにも遠すぎます。

誰もがこれを修正する方法を知っていますか？私はこの種のものについての経験がほとんどありません。

Answer 1

.ngg-album {
    position: relative;
}
.ngg-albumimage 
img {
    position: absolute;
    left: 0;
    top: 0;
}
.ngg-albumimage {
    display: inline;
}

Answer 2

W3C-Valid HTMLおめでとうございます！ （確認するためだけにチェックしました）

のように見えるので div#header 常にそうなるでしょう 50px 背が高く、常に（0,0）の内側 div#wrapper, 、 そしてその div.sidebar 常に（0,50）、これをしてみませんか：

div#wrapper {
    position: relative;
}

div#wrapper div#header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
}

div#wrapper div.sidebar {
    position: absolute:
    top: 50px;
    left: 0px;
}

Answer 3

あなたのページの一見では、私の友人が使用するトリックが役立つかもしれないと思いました：

* {パディング：0;マージン：0;}

これは通常、マージンとパディングのデフォルト値に関連する一般的なIE互換性の問題を解決するのに役立ちます。

Answer 4

これは良いケースのようです 「ダブルマージン」

基本的に、「互換性のあるビュー」のために必要なことは、設定することです display に inline 浮かんでマージンを持つ要素について。

.ngg-albumtitle {
    float: right;
    display: inline;
}

Answer 5

使用できます。

.sidebar ul {margin：0px;パディング：0px;

} .sidebar li {float：右;ディスプレイ：インラインブロック。マージン：1px;パディング：0px 4px '

フォントサイズ：..;

}

Ptiwariに感謝します。