HTML lists (<li>) vertical on page, changing to inline - html

Question

I have a page with a list of anchors that is displayed in a vertical list. Upon clicking a certain one I am opening a partial view with another list of li items, but specifically changed to be inline. Only problem is that when the partial view is displayed the main view list of items changes to inline as well. Is there anyway around this?
Main page portion;
<ul>
<li>
<a href="" onclick="return OpenAdminPage('user');" >User Maintenance</a>
</li>
<li>
<a href="" onclick="return OpenAdminPage('role');" >Role Maintenance</a>
</li>
<li>
<a href="" onclick="return OpenAdminPage('type');" >Item Type Maintenance</a>
</li>
<li>
<a href="" onclick="return OpenAdminPage('tran');" >Transaction Type Maintenance</a>
</li>
<li>
<a href="" onclick="return OpenAdminPage('inven');" >Inventory Control Maintenance</a>
</li>
</ul>
partial view:
<ul>
#if (Model != null)
{
#Html.HiddenFor(x=>x.InventoryRoleCode)
for (var rolcnt = 0; rolcnt < Model.Roles.Count(); rolcnt++)
{
<li style="color:black;font-size:x-small">
#Html.DisplayTextFor(x => x.Roles[rolcnt].ItemTypeCode)
#Html.HiddenFor(x => x.Roles[rolcnt].ItemTypeCode)
</li>
<li>
#Html.CheckBoxForWithTitle(x=>x.Roles[rolcnt].Included)
</li>
}
}
</ul>
<style>
ul li
{
display: inline-block;
}
</style>