td.2of2 { width: 310; padding: 0px 15px 0px 0px; }
と指定しました。
Dreamweaver上ではパッディングしているのですが、
FireFoxやIE7で表示させると、
パッディングせず、文字列(p)がtdの右端とくっついて表示されてしまいます。
なぜでしょうか?
ご質問の例では、クラス名が「2of2」と数字で始まっていますが
クラス名の先頭文字はアルファベットのみ、と決まっていまして
数字で始めた場合はブラウザが認識しません。
http://www.plannel.net/naniwacg/archives/164
このクラス名をアルファベットで始まる別の名前に変更すれば
問題なく表示されると思います。
CSSセレクタ名は数字で始めることが許されていないのも原因の一つかもしれませんが、
その外側がどのように定義されているかにもよるかもしれません。
状況が再現できるHTML,CSSを書かれた方がよいかと思います。