WordPressのテーマ作成で、サイドバーに黒点が表示されてしまう。

Question

Wordpressのテーマ作成において、以下のようにサイドバーに黒点が表示されているのと、内容の行幅がおかしくなっているので直し方を知りたいです。

よろしくお願いします。

各コードは以下になります。
<index.php>

<?php get_header(); ?>
    <main class="container">
      <div id="posts">
        <div class="post">
          <div class="post-header">
            <h2><a href="">タイトル</a></h2>
            <div class="post-meta">
              2013年4月3日　【カテゴリ】
            </div>
          </div>
          <div class="post-content">
            <div class="post-image">
              <img src="img/noimage.png" width="100" height="100">
            </div>
            <div class="post-body">
              <p>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</p>
            </div>
          </div>
        </div><!--post-->
          <div class="navigation">
            <div class="prev">prev</div>
            <div class="next">next</div>
          </div>
      </div><!-- posts -->
      <?php get_sidebar(); ?>
    </main><!-- main -->
  </php get_footer(); ?>

<sidebar.php>

<div id="sidebar">
  <ul><?php dynamic_sidebar(); ?></ul>
</div><!-- sidebar -->

<style.css>

/*
Theme Name: Dotinstall
Theme URI: http://dotinstall.com/
Author: Aoyagi Michiharu
Author URI: http://dotinstall.com/
Description: Dotinstall
Version: 1.0
*/

body{
  font-size: 14px
  font-family: Arial, Verdana;
}

a{
  text-decoration: none;
}

p{
  padding-bottom: 14px;
  margin: 0;
  line-height: 1.8;
}

.container{
  width: 600px;
  margin: 0 auto;
  overflow:hidden;
}

header{

}
  h1{
    font-weight: bold;
    font-size: 18px;
    padding: 15px 0;
  }

  .menu{
    background: #f39800;
    margin-bottom: 30px;
    font-size: 12px;
    list-style: none;
    overflow:hidden;
    padding: 0;
  }

    .menu li{
      float: left;
      width: 150px;
      text-align: center;
    }

    .menu a{
      padding: 10px;
      color; #fff;
      display: block;
    }

    .menu a:hover{
      background: #ffc35c;
    }

/* posts */
#posts{
  float: left;
  width: 435px;
}
  .post{
    margin-bottom: 30px;
  }
    .post-header{
      margin-bottom:15px;
    }
      .post-header h2{
        font-size: 16px;
        font-weight:bold;
      }
      . post-meta{
        font-size: 12px;
        padding: 7px 0;
        color: #555;
      }

    .post-content{
      orverflow:hidden;
    }
      .post-image{
        float: left;
        width: 115px;
      }
      .post-body {
        margin-left: 115px;
        margin-right:15px;
      }

/* navigation */
.navigation{
  overflow:hidden;
  padding:10px 0;
  font-size:12px;
  margin-bottom: 15px;
}
  .prev{
    float:left;
    width: 200px;
  }
  .next{
    float: right;
    width: 200px;
    text-align: right;
  }
/* sidebar */
#sidebar{
  float: right;
  width:150px;
}

  .widget{
    margin-bottom: 25px;
  }
    .widget h3{
      font-weight: bold;
      padding-bottom: 7px;
    }

    .widget li{
      line-height: 1.8;
      list-style: none;
    }

/* footer */
footer{
  padding:15px 0;
  font-size: 12px;
  color: #aaa;
  border-top: 1px solid #ccc;
}

Answer 1

<div id="sidebar">
  <ul><?php dynamic_sidebar(); ?></ul>
</div>

リストでメニューを作っているせいだと思われます。

li {
  list-style: none;
}

<li>タグに 上記スタイルを追加したら改善されませんかね

list-style

Comments

[azuapricot]

内容の行幅について「おかしくなっている」と、「正しい」は判断できないので
理想形を追記してもらいたいです

[agasa4869]

治りました！
ありがとうございます。

行幅の件ですが、勝手に治っていたので問題なくなりました。
申し訳ありません。