Tengo un cuadro de lista con una plantilla de datos para los elementos. El problema es que seleccionar un elemento no funciona simplemente haciendo clic en cualquier parte del elemento; Tengo que hacer clic en un subelemento específico para que realmente funcione.

Mi artículo tiene una imagen y un bloque de texto. Si paso el mouse sobre la imagen o el bloque de texto, en realidad veo el efecto de desplazamiento. Si paso el mouse sobre cualquiera de los espacios 'vacíos' del elemento, no tengo efecto de desplazamiento (y no selecciono cuando hago clic allí).

Imagen de ejemplo:http://i33.tinypic.com/wvtleg.png

Si hago clic (o paso el mouse) sobre el texto real o la imagen, funciona bien, pero si paso el mouse sobre las áreas vacías (he dibujado una línea roja alrededor de él :)) el cuadro de lista no responde.

¿Cómo hago que el cuadro de lista se mueva / haga clic para responder a un clic?en cualquier sitio en el espacio del artículo?

Para completar, aquí está mi plantilla Listbox +:

<ListBox Grid.Row="1"
  ItemsSource="{Binding Path=CreatableOutputWindows, Mode=OneWay}" Height="Auto"
  HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
  Margin="8,8,8,8"
  Name="listBox1" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <Grid>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="84"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Border Margin="5" BorderBrush="Black" BorderThickness="2">
          <Image Source="{Binding Path=Image}" Stretch="Fill" Width="80" Height="50" />
        </Border>
        <StackPanel Grid.Column="1" Margin="5">
          <StackPanel Orientation="Horizontal" TextBlock.FontWeight="Bold">
            <TextBlock Text="{Binding Path=Name}" />
          </StackPanel>
        </StackPanel>
      </Grid>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>