CSS ID's issue. Unable to style.

Hi I guys. I am stuck in a problem. I am learning HTML CSS these days and I am practicing a basic layout. My HTML is :

<!doctype html>

<html>

<head>
	<link rel="stylesheet" type="text/css" href="C:\Users\Karan-Mehul\Desktop\asssi.css" />
<title>Assignment 1 </title>
</head>
<body>
	<div id="wrapper">
<header>
	<h1> My First Website </h1>
</header>
<p> Welcome to my website! Here are a few things I enjoy Favourite Quotes
Here is another favourite quote of mine Favourite Quotes
Here is another favourite quote of mine
 And another
 And another
</p>

<ul>


<li> Web Dev </li>
<li> Chess </li>
<li> Reading </li>
<li> Learning </li>


</ul>

<ol>


<li> Web Dev </li>
<li> Chess </li>
<li> Reading </li>
<li> Learning </li>


</ol>


<div id="try">
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever ly with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>

<footer>

<p>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever ly with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

</p>

</footer>


</div>
</body>

</html>

----------------------------------My CSS----------------------------------------

	body {

		font-family: sans-serif;


	}

p
	{
		background-color: red;
		float: left;
		width: 330px;
		margin: 0px;
		padding-top: 20px;
		line-height: 37px;
	}

ul {
	background-color: green ;
	width: 250px;
	float: right;
	margin: 0px;
	margin-left: 50px;

 	}

#wrapper {
			width: 1000px;
			margin: auto;
		 background-color: blue;}

li {
	list-style: none;
padding: 5px;
	}

header {

	text-align: center;


}

ol {
	background-color: brown;
	width: 250px;
	float: right;
	margin: 0px;
	}

#try {

		background-color: #005157;
		margin-top: 160px;
		margin-left: -30px;
		width: 500px;
		float: left;

     }

footer
		 {

			width: 700px;
			background-color: green;

		 }

----------------------------------Codes Over-------------------------------------

My problem is that I am not able to style anything in div id="try" and <footer>

Why is that happening ? And why I am getting red color by default ? I haven't specified any styling. Moreover the wrapper is styled as background-color:blue so even if the color had to come it should be blue, no?  I am really frustrated and have been trying to solve it for past 1 day, but to no help.

Looking forward for some solution !  Thanks! :)