This menu (more specifically, the inline display) works in Firefox and IE8, but not in IE7. PLEASE HELP! THANK YOU! Code Below...

CSS:
.menu ul{
position:relative;
top: 0px;
left:7px;
padding: 0px;
margin:0px;
display: inline-block;
list-style: none;
zoom:1; *display: inline; _height: 30px;
}
.menu ul li{
display: inherit;
}
.menu ul li a{
display: inherit;
text-decoration: none;
font-weight:bold;
font-size:12px;
padding: 0px 2px 4px 2px;
}
#menubreak{
display: inline-block;
margin: 0px;
padding: 0px;
width: 1px;
height:10px;
border-left: 1px solid #000000;
zoom:1; *display: inline; _height: 30px;
}

HTML:
<div class="menu">
<ul>
<li><a href="#">Link 1</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 2</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 3</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 4</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 5</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 6</a></li>
<li><div id="menubreak"></div></li>
<li><a href="#">Link 7</a></li>
</ul>
</div>