{SOLVED} Hovering div's

[Niixie]

I solved it myself, sorry i posted.

What fixed it was wrong/none doctype

 

 

Hey peeps!

 

I have this problem:

-I've made 3 divs, located next to eachother (works fine, no problem).

And then i want, when you hover over coloum1(2,3) it should make the background-color:white;

But when i do that, it doesnt work?!

 

Heres a snippet of my html and css so you can see it

 

HTML

<div id="coloums">
<div class="coloum1">
	coloum1
</div>
<div class="coloum2">
	coloum2
</div>
<div class="coloum3">
	coloum3
</div>
</div>

 

CSS

.coloum1 {
background-color:#F3F3F3;
float:left;
margin-top: 25px;
margin-left: 50px;
margin-right: 25px;
border: 1px black solid;
height: 400px;
width: 250px;
}
.coloum1:hover {
	background-color:white;
}

.coloum2 {
background-color:#F3F3F3;
float:left;
margin-top: 25px;
margin-left: 90px;
margin-right: 60px;
border: 1px black solid;
height: 400px;
width: 250px;
}
.coloum2:hover {
	background-color:white;
}

.coloum3 {
background-color:#F3F3F3;
float:right;
margin-top: 25px;
margin-left: 25px;
margin-right: 50px;
border: 1px black solid;
height: 400px;
width: 250px;
}
.coloum3:hover {
	background-color:white;
}

 

As far as i've researched, there is no problem with the hover thing, it just doesnt work for some reason?

Hope you can help!