<!-- comment -->

のように、<!-- で始まり、--> で終わるのですが「コメントに連続したハイフンは含んではいけない」というルールがあります。HTML2.0 では許されていましたが、HTML4.0 では許されていません。

<!-- comment-------->
と書いても正しくはコメントとはなりません。IE だと IE6 or IE7 でもコメントと認識するようですが、Firefox ではコメント扱いしてくれません。HTML エディタとして使っている Coda でも同様でした。（まあ、当然なのですが）上のようなコメントは閉じていないコメントとなり、それ以降が表示されなくなります。

もっと困るのは下のような場合、
<!-- comment------>
hoge
<!-- comment end ------>

IE だと hoge は表示されるが、Firefox だと最初のコメントから2つ目のコメントの終わりの --> をコメントの終わりと解釈して hoge は表示されない。

また、XHTML ではコメントは以下のように定義されています。
Comment ::= '<!--' ((Char - '-') | ('-' (Char - '-')))* '-->'

ということで正しいコメントを使いましょう。

3.2.4 Comments

HTML comments have the following syntax:

<!-- this is a comment -->
<!-- and so is this one,
which occupies more than one line -->

White space is not permitted between the markup declaration open delimiter(“<!”) and the comment open delimiter (“--“), but is permitted between the comment close delimiter (“--“) and the markup declaration close delimiter (“<”). A common error is to include a string of hyphens (“---“) within a comment. Authors should avoid putting two or more adjacent hyphens inside comments.

Information that appears between comments has no special meaning (e.g., character references are not interpreted as such).

Note that comments are markup.

On SGML and HTML

JavaScript で解決する方法です。

Select, Option, Disabled And The JavaScript Solution

上記の参考サイトに詳しくやり方が書かれていますので、簡単に手順だけ紹介。

• 参考サイトの「Implementing」にある download リンクより JavaScript コード(select-option-disabled-emulation.js)をダウンロード
• select-option-disabled-emulation.js を適当な場所に保存
• html 内で select-option-disabled-emulation.js を読み込む
• 選択不可にしたい option タグに disabled 属性を指定する

DHTML で解決する方法です。

これは上記参考サイトの補足で紹介されていたサイトです。
apptaro’s blog: Emulating Disabled Options in IE with DHTML Behaviors

こちらも上記URL に詳しいやり方が書かかれていますので、簡単にご紹介。

• 参考サイトの中央よりやや下にある Download よりファイル一式をダウンロード
• 適当な場所に css, htc ファイルを保存
• html で上記 css を読み込む
• 選択不可にしたい option タグに disabled 属性を指定する

これで IE6 でも option タグの disabled 属性が使えるようになりました。

そこで下記のようにしてみたところ

<form action="">
<select>
<option>オプション1</option>
<option disabled="disabled">オプション2</option>
<option>オプション3</option>
<option>オプション4</option>
</select>
<input type="submit">
</form>

うまく選択不可になりました。
ところが Firefox では OK だったのですが、IE6では選択可能に。。。

調べてみると
Disable Option’s In A Select (Dropdown) Element ? Post Archive ? www.lattimore.id.au

It never ceases to amaze me how a browser like IE6, managed to not implement something as trivial as an attribute like disabled. The IE team managed to implement it against the <select> element, but some how overlooked the <option> element. They implement the readonly attribute against the appropriate elements – yet some how the disabled attribute managed to be overlooked when they implemented it. More surprising is that, since the HTML4.01 specification came out in late 1999, IE has been updated and upgraded for various things literally hundreds of times. Why hasn’t this made it into an update? You’d begin to think that Microsoft aren’t aware of it, however the thought of that just seems too far fetched.

どうも IE6 のバグのようです。