SelectedItem state not showing

i created style listbox when item clicked not show has been selected.  used blend create style , when using vsm states looks fine.  unfortunately, when it's running states don't work. i did have problems getting style working @ first when using datatemplate thought creating style better. 

can take , let me know if there's missed.  feel there's small can't seem put finger on it.

    <phone:phoneapplicationpage.resources>          <style x:key="gamelistboxitemstyle" targettype="listboxitem">              <setter property="background" value="transparent"/>              <setter property="borderthickness" value="0"/>              <setter property="borderbrush" value="transparent"/>              <setter property="padding" value="0"/>              <setter property="horizontalcontentalignment" value="left"/>              <setter property="verticalcontentalignment" value="top"/>              <setter property="template">                  <setter.value>                      <controltemplate targettype="listboxitem">                          <border x:name="layoutroot" borderbrush="black" borderthickness="1" cornerradius="8" background="{staticresource phonesemitransparentbrush}"  margin="10" >                              <visualstatemanager.visualstategroups>                                  <visualstategroup x:name="commonstates">                                      <visualstate x:name="normal"/>                                      <visualstate x:name="mouseover"/>                                  </visualstategroup>                                  <visualstategroup x:name="selectionstates">                                      <visualstategroup.transitions>                                          <visualtransition generatedduration="0:0:0.5">                                              <visualtransition.generatedeasingfunction>                                                  <circleease easingmode="easeinout"/>                                              </visualtransition.generatedeasingfunction>                                          </visualtransition>                                      </visualstategroup.transitions>                                      <visualstate x:name="unselected"/>                                      <visualstate x:name="selected">                                          <storyboard>                                              <objectanimationusingkeyframes storyboard.targetproperty="background" storyboard.targetname="layoutroot">                                                  <discreteobjectkeyframe keytime="0" value="{staticresource phoneaccentbrush}"/>                                              </objectanimationusingkeyframes>                                          </storyboard>                                      </visualstate>                                      <visualstate x:name="selectedunfocused"/>                                  </visualstategroup>                              </visualstatemanager.visualstategroups>                              <grid horizontalalignment="stretch">                                  <grid.columndefinitions>                                      <columndefinition width="auto"/>                                      <columndefinition width="3"/>                                      <columndefinition width="*"/>                                  </grid.columndefinitions>                                  <button grid.column="0" name="nextbtn" style="{staticresource phoneroundplaybuttonstyle}" tag="{binding gametitle}" click="nextbtn_click"/>                                  <textblock grid.column="2" x:name="itemtext" text="{binding gametitle}" textwrapping="wrap" horizontalalignment="left"                                             style="{staticresource phonetextlargestyle}" textalignment="center" verticalalignment="center"/>                              </grid>                          </border>                      </controltemplate>                  </setter.value>              </setter>          </style>      </phone:phoneapplicationpage.resources>                  <listbox grid.row="0" x:name="mainlistbox" itemssource="{binding games}" itemcontainerstyle="{staticresource gamelistboxitemstyle}"           		selectionchanged="mainlistbox_selectionchanged" margin="0,5,0,0"/>

 

just remove

itemcontainerstyle="{staticresource gamelistboxitemstyle}"
, work fine.....

Silverlight  >  Silverlight for Windows Phone