DDSmoothmenu with box-sizing:border-box not appearing correctly with IE using Foundation framework

[MoradHamdy]

I'm using Foundation framework and it's using the css property box-sizing:border-box as following:

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

It's working fine with all browsers except ie (i'm using currently ie8 & ie9). When trying to find some way to disable this property for ie like this, it's still not appearing correctly. The 2nd level menu not appearing.

.ie nav *, .ie nav *:before, .ie nav *:after {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}

It just work only if i added this code

*, *:before, *:after {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;

}

and i don't want to use this last code because this will affect in the overall framework layout used by Foundation framework.

This is the live preview http://moradxd.zxq.net/except/blog.html

I hope to find help. i'm now 2 days with big confusion.