Linkuje się zbyt wiele divów

pytanie zadane 22 marca 2016 w HTML i CSS przez czoperek Obywatel (1,060 p.)
zamknięte 22 marca 2016 przez Arkadiusz Waluk

Chodzi o to że chcę aby linki były tylko przy divach: internet, nowe, smartfon.
Prawie wszystkie divy są linkowane jak ostatni div, jest to za pewne wina tego że wszystko jest wpisane w większy div strona, nie wiem jednak jak rozwiązać ten problem.
Z góry dziękuję za pomoc!

Kod HTML:

<!DOCTYPE HTML>
<html lang="pl">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="stylesheet" href="style.css" type="text/css" />
  <link rel="stylesheet" href="css/fontello.css" type="text/css" />

<title>Blog informatyczny</title>

</head>

<body>

	<div id="container">

		<div id="strona">
		
			<div id="internet">
				<a href="internet.html"><i class="demo-icon icon-globe"></i>
			</div>
			
			<div id="nowe">
				<a href="nowe.html"><i class="demo-icon icon-desktop"></i>
				
			</div>
			
			<div id="smartfon">
				<a href="smartfon.html"><i class="demo-icon icon-building-filled"></i>
			</div>
			
			<div id="php">
			
			</div>
			
			<div id="js">
				
			</div>
			
			<div id="css">
			
			</div>
		
		</div>
		
		<div id="start">
		
		</div>
		
		<div id="nav">
			
			<div id="apps">
				komputatrum beta &copy; Wszelkie prawa zastrzeżone
			</div>
			
			<div style="clear: both;"></div>
			</div>
			
		</div>	

</body>
</html>

Kod CSS:

body
{
   background-color: #696969;
   color: #ffffff;
}

#container
{
  width: 1000px;
  margin-left: auto;
  margin-right: auto
}

#strona
{
	background: url(img/pulpit.png);
	width: 1000px;
	height: 603px;
}

#start
{
	background-color: green;
	float: left;
	width: 70px;
	height: 35px;
}

#internet
{
	padding: 10px;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}
#internet:hover
{
	cursor: pointer;
}

#nowe
{
	color: #ffffff;
	padding: 10px;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}

#nowe:hover
{
	cursor: pointer;
}

#smartfon
{
	clear: both;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}

#smartfon:hover
{
	cursor: pointer;
}

#php
{
	padding: 10px;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}

#js
{
	padding: 10px;
	clear: both;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}

#css
{
	padding: 10px;
	float: left;
	width: 76px;
	height: 76px;
	margin-top: 15px;
	margin-left: 15px;
}

#nav
{
	background-color: #474747;
	width: 1000px;
	height: 35px;
}

#apps
{
	float: left;
	width: 500px;
	height: 35px;
	text-align: center;
}

komentarz zamknięcia: Rozwiązane