Как избавиться от лишнего поля вокруг кнопки?

Я работаю с XAML в Windows 8 Metro.

У меня есть сетка с несколькими строками. Первая строка содержит кнопку, а вторая - изображение. Изображение имеет ширину 600 единиц, а кнопка имеет изображение. Проблема в том, что независимо от того, как я стиль кнопки, его левый край не соответствует левому краю изображения. При этом вы можете видеть, что кнопка имеет дополнительный запас за пределами границы, хотя я установил для поля значение (и добавление и толщину границы) кнопки 0.

Откуда взялась эта граница? Как я могу избавиться от него? Я попытался создать пользовательский стиль со значением Шаблон (ниже), но он игнорирует мои другие настройки стиля. Я не мог найти много полезной документации о том, как создать шаблон - или даже если это проблема.

<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="Button">
            <Grid>
                <ContentPresenter Content="{TemplateBinding Content}" Margin="0" />
            </Grid>
        </ControlTemplate>
    </Setter.Value>
</Setter>

Ответ 1

Это действительно раздражает. Решение, которое, кажется, работает для меня, это:

<Button Background="Crimson" 
    HorizontalAlignment="Stretch" 
    VerticalAlignment="Stretch" 
    BorderThickness="0" 
    Margin="-3">Click me!</Button>

Секрет находится в отрицательном значении margin.