画像の幅によってレイアウトを変えたい

[mason]

こんにちは。お世話になっております。

画像のWIDTHの値によってCSSのclassを変え、レイアウトの調整を行いたいのですが、どのように設定すればよいのでしょうか？
image1とimge2の2つ画像のどちらかが幅200px以上ならclassA、
どちらも200px未満ならclassBと設定したい時以下のように記述していますが、上手くいきません。どこか記述が間違っていますでしょうか？
ご教授宜しくお願い致します。

コード: 全て選択

<xsl:if test="not(image1='') or not(image2='')">
<xsl:if test="image1/@width>200 or image2/@width>200">
<div class="A">
<img src="{image1}"><img src="{image2}">
</div>
</xsl:if>

<xsl:if test="image1/@width<200 and image2/@width<200">
<div class="B">
<img src="{image1}"><img src="{image2}">
</div>
</xsl:if>

</xsl:if>

[webmaster]

　masonさん、お世話になっております。

　うまくいかないとのことで、ご面倒をおかけしております。
　具体的にはどのような結果になりますでしょうか。

　画像サイズによらずAだけが表示される、など、分かる範囲で結構ですので
状況をご連絡頂ければ幸いです。m(__)m

　尚、上記のソースを見る限りでは、imgタグが閉じられておらず、そこでエラー
になるように思えます。

[mason]

早速のお返事ありがとうございます。

imgタグの閉じタグはここで記述が漏れておりすみません。
実際は記述しております。

classAが右回り込み、classBが回り込みなしと設定しておりまして、
現在の表示は幅200px以上の画像が右に回り込んでおります。

何か考えられる要因はありますでしょうか？

[webmaster]

　masonさん、お返事ありがとうございます。
　imgタグは元ソースでは問題ないとのことで、失礼致しました。

　それ以外では記述に特に問題ないように思います。
　ソース上でも、image1が200以下の場合にclass="A"（右寄せ）になるように
書かれていますし、結果もそのようになっているようです。

　「＆ｇｔ；」は「＞」で、「＆ｌｔ；」は「＜」となりますが、この対応を
逆に使われている可能性はないでしょうか。
　間違えていたら申し訳ないのですが、一度ご確認頂ければ幸いです。

　もし、解決しなかった場合、実際に出力されるHTMLを貼り付けて頂くと、
何かわかるかもしれません。

[mason]

お返事遅くなってすみません。

すっかり返信したつもりになっておりました・・・。失礼しました

全て新しく記述しなおすとうまくいきました！
どこかに記述ミスがあったのでしょうか・・。

お騒がせいたしました。