Remove extra padding and icon

[paully21]

I'm using a simple RadMenu and I am having a bit of trouble getting it to look correctly in the application.

It seems to be adding a small padding area to the surrounding the first menu item. (I've attached an image of how it renders in the application)

Here is the XAML: 

<DockPanel Height="40" >
    <telerik:RadMenu Height="40" Width="100" HorizontalAlignment="Right" VerticalAlignment="Center" FlowDirection="RightToLeft" IconColumnWidth="0" Padding="0" Margin="0">
        <telerik:RadMenuItem Width="100" Header="Menu" Click="RadMenuItem_Click" HorizontalAlignment="Right" Margin="0,0,-2,0" Height="40" >
            <telerik:RadMenuItem Header="Main" Height="40"/>
            <telerik:RadMenuItem Header="Alarms" Height="40"/>
            <telerik:RadMenuItem Header="Configuration" Height="40"/>
            <telerik:RadMenuItem Header="Exit" Height="40"/>
        </telerik:RadMenuItem>
    </telerik:RadMenu>
</DockPanel>

Also, I don't want the arrow icon to appear, but I don't seem to be able to get rid of it.

I'm using the Windows8Touch theme.

Any help would be appreciated.