I have major issues with cross browser compatibility. This picture illustrates the problem:

What code do I put in for IE7-8 so that my menu aligns properly? Right now it looks right in firefox but nothing else.

This the the menu code she had (there might be other code associated but I don't know, see actual site):

.custom .menu { 
    height:25px;
    border: 1px none; 
    float:right;

}

I have tried things mentioned in other threads, overflow:hidden; / giving a width / margin: 0 auto etc. Nothing works and only ends up breaking Firefox as well.