Position elements

HTML & CSS
1

I want to position the ID#symbols to the right within the ID#Intro but it won’t move. I tried a float on one of the classes but it doesn’t move the entire ID.


<div id="symbol">
<div class="symbol_visual"></div>
<div class="symbol_create"></div>
<div class="symbol_watch"></div>
</div>

#symbol {
margin: 0px 56px 0px 0px;
}

.symbol_visual {
float:right;
  width:160px;
	border: 1px green solid;
	height:150px;
	width: 100px;
  margin: 0px 85px; 10px 100px;
	background:gray;
}
.symbol_create {
	width:160px;
	border: 1px green solid;
	height:150px;
	width: 100px;
margin: -1px 105px; 10px 100px;
	background:gray;
	}
.symbol_watch {
	width:160px;
	border: 1px green solid;
	height:150px;
	width: 120px;
margin: -152px 210px; 10px 100px;
	background:gray;
	}
2

What’s the div #intro? It will probably need to have a width set and overflow: hidden;

3

New thread created here.