Fonts, VisualBrush, and DropShadowEffect

The following code copied into a brand new WPF project should reproduce the issue. Here is a screenshot of the result. What causes this behavior? How can I get the red text to align with the black text?

Image may be NSFW.
Clik here to view.

<Window x:Class="FontTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Rectangle Height="256" Width="256">
            <Rectangle.Fill>
                <VisualBrush>
                    <VisualBrush.Visual>
                        <Rectangle Height="256" Width="256">
                            <Rectangle.Effect>
                                <DropShadowEffect/>
                            </Rectangle.Effect>
                            <Rectangle.Fill>
                                <VisualBrush>
                                    <VisualBrush.Visual>
                                        <Canvas Height="256" Width="256">
                                            <TextBlock Foreground="Red" FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="0" Canvas.Top="0">A</TextBlock>
                                            <TextBlock Foreground="Red" FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="176" Canvas.Top="0">B</TextBlock>
                                            <TextBlock Foreground="Red" FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="176" Canvas.Top="176">C</TextBlock>
                                            <TextBlock Foreground="Red" FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="0" Canvas.Top="176">D</TextBlock>
                                        </Canvas>
                                    </VisualBrush.Visual>
                                </VisualBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </VisualBrush.Visual>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle Height="256" Width="256">
            <Rectangle.Fill>
                <VisualBrush>
                    <VisualBrush.Visual>
                        <Rectangle Height="256" Width="256">
                            <Rectangle.Fill>
                                <VisualBrush>
                                    <VisualBrush.Visual>
                                        <Canvas Height="256" Width="256">
                                            <TextBlock FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="0" Canvas.Top="0">A</TextBlock>
                                            <TextBlock FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="176" Canvas.Top="0">B</TextBlock>
                                            <TextBlock FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="176" Canvas.Top="176">C</TextBlock>
                                            <TextBlock FontSize="24" FontFamily="Arial" Height="80" Width="80" Canvas.Left="0" Canvas.Top="176">D</TextBlock>
                                        </Canvas>
                                    </VisualBrush.Visual>
                                </VisualBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                    </VisualBrush.Visual>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>
</Window>