新人第一帖：div+css布局中遇到的一点小疑点，新手，望指导
新人第一帖：div+css布局中遇到的一点小问题，新手求助，望指导！
小弟初学html和css，昨天自己动手编一个简单的博客首页，结果布局的时候出现了问题，网页结构如下
做了一半结果出现了这些问题（目前做到左侧导航和中间的文本），先看图
问题如下（主要是左侧导航栏的问题）：1：左侧导航 无序列表前的黑点 为什么没去掉，css样式中写了list-style:none；
2：用firebug工具查看，结果针对左侧导航栏的div：contentLeft 的样式全部没有起作用，包括左浮动，宽度，边框线等等
，这是我点到<div id=""contentLeft">时右侧显示的样子，同这个一样，我的放文本的contentMiddle这个div也是这样，css样式没用
3：css中我针对主体div：content 的样式写在最后面，
如果我把它移动到 /*左侧盒子约束不了*/这个注释下面，那么他也会出现第2个问题。css样式没用，
html文件
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>我的博客</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--主框架的开始-->
<div id="wrapper">
<!--头的开始-->
<div id="header">
<h1 id="title">欢迎来到<span class="title01">我的空间</span></h1>
</div>
<!--导航栏的开始-->
<div id="nav">
<ul>
<li><a href="http://www.baidu.com">博客首页</a></li>
<li><a href="http://www.baidu.com">关于我们</a></li>
<li><a href="http://www.baidu.com">给我留言</a></li>
<li><a href="http://www.baidu.com">友情链接</a></li>
<li><a href="http://www.baidu.com">我的信箱</a></li>
<li><a href="http://www.baidu.com">社区</a></li>
</ul>
</div>
<!--主体内容的开始-->
<div id="content">
<div id="contentLeft">
<ul>
<li>
<a href="#">日志</a></li>
<li>
<a href="#">相册</a></li>
<li>
<a href="#">个人档案</a></li>
<li>
<a href="#">分享</a></li>
<li>
<a href="#">音乐地带</a></li>
<li>
<a href="#">更多</a></li>
</ul>
</div>
<div id="contenMiddle">
<p>2014-5-30</p>
<h3>隐形的翅膀</h3>
<p>一切的一切都变了模样，我也不再是当年那个积极勇敢的追求梦想的人儿，我开始变的颓废不堪，仿佛有一块巨大的石头压在我的心间，对未来也没有了指望，甚至于失去了生活的勇气。我说的这些有点儿太负面了，哈，完全不应该是正处于花季年龄的我说出的。可是，当你经历我所经历的这些的时候，那痛，比这个还要深。</p>
<p>这件事致使我现在，仅仅拥有一个平平的工作，赚着可怜的工资，没有学历，没有文凭，更没有一技之长，过着平庸的不能再平庸的生活了，这不是我想要的，原本我可以拥有一个更好的工作，享受更好的生活。曾经的我充满了符合那个年纪的幻想，怀着一腔热血，在走向成功的道路上披荆斩棘。为了所谓的自由，放弃了这一切的美好，没有资格再去拥有那些了。</p>
</div>
<div id="contentRight"></div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
css文件
*{
margin:0;
padding:0;}
body{background-color:#DDDDDD;
font-family:arial,Microsoft YaHei;
}
#wrapper{
width:1000px;
margin:20px auto;
border:10px solid #FFFFFF;
background-color:#FFFFFF
}
#header{width:1000px;
height:171px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin:0;
}
#title{float:left;
font:30px,arial,宋体,sans-serif;
margin:40px 20px;
}
/*span标签控制标题的颜色变化*/
.title01{
color:#FFFF44;
}
#nav{width:1000px;
height:40px;
margin:0;
background-color:#3E85D3
小弟初学html和css，昨天自己动手编一个简单的博客首页，结果布局的时候出现了问题，网页结构如下
做了一半结果出现了这些问题（目前做到左侧导航和中间的文本），先看图
问题如下（主要是左侧导航栏的问题）：1：左侧导航 无序列表前的黑点 为什么没去掉，css样式中写了list-style:none；
2：用firebug工具查看，结果针对左侧导航栏的div：contentLeft 的样式全部没有起作用，包括左浮动，宽度，边框线等等
3：css中我针对主体div：content 的样式写在最后面，
html文件
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>我的博客</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--主框架的开始-->
<div id="wrapper">
<!--头的开始-->
<div id="header">
<h1 id="title">欢迎来到<span class="title01">我的空间</span></h1>
</div>
<!--导航栏的开始-->
<div id="nav">
<ul>
<li><a href="http://www.baidu.com">博客首页</a></li>
<li><a href="http://www.baidu.com">关于我们</a></li>
<li><a href="http://www.baidu.com">给我留言</a></li>
<li><a href="http://www.baidu.com">友情链接</a></li>
<li><a href="http://www.baidu.com">我的信箱</a></li>
<li><a href="http://www.baidu.com">社区</a></li>
</ul>
</div>
<!--主体内容的开始-->
<div id="content">
<div id="contentLeft">
<ul>
<li>
<a href="#">日志</a></li>
<li>
<a href="#">相册</a></li>
<li>
<a href="#">个人档案</a></li>
<li>
<a href="#">分享</a></li>
<li>
<a href="#">音乐地带</a></li>
<li>
<a href="#">更多</a></li>
</ul>
</div>
<div id="contenMiddle">
<p>2014-5-30</p>
<h3>隐形的翅膀</h3>
<p>一切的一切都变了模样，我也不再是当年那个积极勇敢的追求梦想的人儿，我开始变的颓废不堪，仿佛有一块巨大的石头压在我的心间，对未来也没有了指望，甚至于失去了生活的勇气。我说的这些有点儿太负面了，哈，完全不应该是正处于花季年龄的我说出的。可是，当你经历我所经历的这些的时候，那痛，比这个还要深。</p>
<p>这件事致使我现在，仅仅拥有一个平平的工作，赚着可怜的工资，没有学历，没有文凭，更没有一技之长，过着平庸的不能再平庸的生活了，这不是我想要的，原本我可以拥有一个更好的工作，享受更好的生活。曾经的我充满了符合那个年纪的幻想，怀着一腔热血，在走向成功的道路上披荆斩棘。为了所谓的自由，放弃了这一切的美好，没有资格再去拥有那些了。</p>
</div>
<div id="contentRight"></div>
<div id="footer"></div>
</div>
</div>
</body>
</html>
css文件
*{
margin:0;
padding:0;}
body{background-color:#DDDDDD;
font-family:arial,Microsoft YaHei;
}
#wrapper{
width:1000px;
margin:20px auto;
border:10px solid #FFFFFF;
background-color:#FFFFFF
}
#header{width:1000px;
height:171px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin:0;
}
#title{float:left;
font:30px,arial,宋体,sans-serif;
margin:40px 20px;
}
/*span标签控制标题的颜色变化*/
.title01{
color:#FFFF44;
}
#nav{width:1000px;
height:40px;
margin:0;
background-color:#3E85D3