今後のデザイン改造計画

・コメントの番号〜編集までを1行にする
・ブロックをもう少し見やすく
・文字をもう少し見やすく
・1280×1024の解像度を見やすく
e.t.c

で、今コメントに着手しているんですが、どうしても1行になってくれません。
Firefoxの改行バグは知っているんですが、なぜかIEでもずれます
何でですかね？詳しい人求む。
ある程度詳しくなってきたとはいえ、まだまだCSSを勉強しなければいけないことが多いようです。

↓関係ありそうなHTML(タグが反映されてしまうためJpgにしてます)




関係ありそうなCSS

/* コメントの見出し */
h3.comment-top,
h3.comment-post,
h3.comment-edit {
font-size: 14px;
}

h3.comment-post {
margin-top: 20px;
}

/* コメントのタイトル */
h4.comment-header {
font-weight: bold;
font-size: 14px;
}

/* コメント本文 */
div.comment-body {
font-weight: bold;
font-size: 13px;
border-bottom: 3px double green;
}

/* コメントフッター（タイトル隣） */
ul.comment-footer {
text-align: left;
font-size: medium;

}

ul.comment-footer li {
list-style-type: none;
display: inline;
padding: 2.5px;
}

/* コメント1 */
li.comment1 {
list-style-position : inside;
font-size: 110%;

}