div wont apply class

Question

Okay,this is weird..

<div id='content' class='clickable'>

class 'clickable' wont apply at all. I checked with different browsers on different PC-s and same results checked in source code from all these browsers and all this browsers see is

 <div id='content'>

Cleared cache on all of them tried again but still class won't apply. I assume that I have made a stupid and simple mistake just I can't see it yet :D Here is all of the code in this div.

<div id='midweb'>
<div id='midinweb'>
    <div id='search'><input type="text" name="search" id='searchfield'></div>
    <div id='sortThis'>
    <div id='content' class='clickable'><p class='thumb' style='background-image'></p><p class='title'>text</p><p class='text'>text</p></div>
    <div id='content'><p class='thumb' style='background-image'></p><p class='title'>text</p><p class='text'>text</p></div>
    <div id='content'><p class='thumb' style='background-image'></p><p class='title'>text</p><p class='text'>text</p></div>
    <div id='content'><p class='thumb' style='background-image'></p><p class='title'>text</p><p class='text'>text</p></div>
    <div id='content'><p class='thumb' style='background-image'></p><p class='title'>text</p><p class='text'>text</p></div>
    </div>
</div>

I excluded the text from code because it looked like a mess xD (same goes for style)

This is the css

.clickable{
    height:150px;
}

In any case I think even without set up css browsers should detect the class even if it is empty. :S

Answer 1

The class is getting applied but it isn't visible to you.

Try adding background-color so you'll notice that the class is being applied.

Like this:

.clickable{
    height:150px;
    background-color:blue;
}

JSFiddle