The first screen shot is the result of the recent Theater View sizing changes. You can no longer define the size and most importantly, the layout of the main menu buttons by the skin's xml. This is one of my biggest gripes at the moment. I've posted some info on this in the beta forum. I'm hoping this limitation will get adressed in the near future.
The other issues you're seeing are fixable. Check the skin's XML file and:-
<PICTURE>
......
REMOVE OR COMMENT OUT THIS LINE
<Item Bitmap="Pictures\Menu_bg.png" Location="*" Rect="18.5,34,47,75" Alpha="60" Style="0"/>
......
ADD THESE LINES
<Item Bitmap="Pictures\hover_my weather.png" Location="weather" Rect="72,70,97,100" Alpha="80" Alignment="3" Style="0"/>
<Item Bitmap="Pictures\hover_my explorer.png" Location="news" Rect="71,70,96,100" Alpha="80" Alignment="3" Style="0"/>
......
.........
.....
MAKE SURE YOU HAVE SOMETHING LIKE THIS DEFINED FOR TV
<Item Bitmap="Pictures\television_logo.png" Location="TV\**" Rect="15,10,90,35" Alignment="1" Alpha="100"/>
......
.........
.....
</PICTURE>
Finally, the dialogs look weired because the skin is missing this shared component. At the top of the same XML file, add this:
<SKIN Name="your skin's name" Author="" WebSite="" BaseSkin="..\Shared\main.xml" />