Sub menu positions after IE7 hack

Question

I have recently solved with the help of these forums the
position of my Spry sub menus in IE7,(very grateful indeed) but I
cannot get the "sub sub menu" to sit any further away from it's
parent than this in IE7 ( please view :
www.shedloadcreative.co.uk)
can anyone offer any guidance. The way I would like it to look can
be viewed in Safari, Firefox etc.
Hopefully someone out there can tell me what I'm doing
wrong!!!
Here is the hack if it sheds any light :
@media screen {
* html ul.MenuBarHorizontal ul
position: relative;
float: left;
display: inline;
margin: 0px -1000px -1000px 0px;
* html ul.MenuBarHorizontal
{position: static;
*:first-child+html ul.MenuBarHorizontal ul
position: relative;
float: left;
margin: 0px -1000px -1000px 100px;
*:first-child+html ul.MenuBarHorizontal
{position: static;

Answer 1

Sorry this is the hack code I'm using:
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #000;
@media screen {
* html ul.MenuBarHorizontal ul
position: relative;
float: left;
display: inline;
margin: 0px -1000px -1000px 20px;
* html ul.MenuBarHorizontal
{position: static;
*:first-child+html ul.MenuBarHorizontal ul
position: relative;
float: left;
margin: 0px -1000px -1000px 20px;
*:first-child+html ul.MenuBarHorizontal
{position: static;