0

ホームページの作成について いつも、お世話になっております。

以前、サイト名について質問した者ですが
無事にサイト名も決まり、サイトをつくっていたのですが
どうしても自力では解決出来そうに無いので、皆様のお力をお貸し下さい。

写真を展示するページを二分割上下のフレームを作ってるんですが
このフレームの下・・メニュー部分の文字同士がどうしても重なってしまうんです・・。
メニュー部分はスタイルシートを使用してるんですが、幅や高さや上下左右(marginやpadding等)
をいくら調節しても、重なってしまいます。

http://cilo.web.fc2.com/photo-studio-room.html

上のURLが問題のページです・・。

そして下のが問題のスタイルシートです・・。

html{
scrollbar-arrow-color:#ccc;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ccc;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#ccc;
scrollbar-darkshadow-color:#fff;
}
body{
background-image: url();
background-color:#fff;
background-position:right top;
background-repeat: no-repeat;
background-attachment: fixed;
padding:0;
margin:0;
text-align:left;
}
#sub{
width:980px;
height:800%;
}

.main{ margin:10px 20px 10px 0px;
padding:0px 0px 70px 0px;
text-align:left;
font-size:12px;
line-height:1px;
font-family:Verdana,Osaka,'MS P Gothic';
color:#999;
}

h1{
font-size:12px;
color:#666666;
text-align:right;
font-decoration:none;
font-weight:normal;
font-family:'Georgia',Verdana,Osaka,'MS P Gothic';
margin:0px 270px 20px 0px;
padding:0px 80px 0px 0px;
}
h2{
font-size:12px;
color:#666;
font-family:Georgia,Verdana,Osaka,'MS P Gothic';
font-weight:normal;
text-align:left;
letter-spacing:10px;
line-height:20px;
text-decoration:none;
margin:30px 0px 0px 10px;
padding:5px 13px;
}
h3{
font-size:11px;
color:#333;
text-decoration:underline;
margin:5px 10px;
padding:0px 9px;
}

/* メニュー部分の設定 */
#menu {
text-align:center;
letter-spacing:3px;
}
#menu ul{
list-style:none;
margin:50px 0px 0px 0px;
padding:0px;
}
#menu li{
display:inline;
}
#menu li a{
display:block;
color:#666;
border:1px solid #666;
background-color:#fff;
margin:10px 55px 0px 35px;
padding:5px;
}
#menu li a:hover{
background:none;
}
/* テキスト設定 */
.1{
line-height:15px;
padding:10p

質問者が選んだベストソリューション

Yahoo!知恵袋 3984日前