[HTML][CSS]Problem z background diva Opcje

[Ivanowski]

Witam, kolejny głupi problem
Otóż chciałem aby tło tych div'ów było inne i zastosowałem first-of-type i działa lecz tylko jeżeli zastosuje taki kod HTML:

[HTML] pobierz, plaintext 
<div>
<a href="">
TEKST
</a>
</div>
 
<div>
<a href="">
TEKST
</a>
</div>
[HTML] pobierz, plaintext 

A ja potrzebuje aby było pierwsze "a" a potem "div", z tego powodu, że potrzebuje mieć przekierowanie gdy nacisnę na element a nie na tekst.
Jakieś pomysły ?

[trueblue]

http://jsfiddle.net/8ka2y05w/1/
Jeśli nie, to JS.

Ten post edytował trueblue 11.11.2014, 08:47:54

[ShaggyAG]

[HTML] pobierz, plaintext 
a {
    display: block;
}
[HTML] pobierz, plaintext 

[aMilk]

W tym wypadku w mojej opinii nie stosuje sie <div> tylko <span>.

CSS
.span-box {display:block;width:100px;height:20px;background:#f2f2f2;}

HTML:

<a href="#"><span class="span-box"></span></a>