I built an HTML navigation strip using ul and li tags.\[code\]<div id="navLimitedLength"> <ul id="navmenulist"> <li class="menu"><a>Add</a></li> <li class="menu"><a>Update</a></li> <li class="menu"><a>View</a></li> <li class="menu"><a>Delete</a></li> </ul></div>\[/code\]Intially I set it to have Arial font using CSS as follows:\[code\] li.menu a { text-decoration:none; font-family:Arial; font-size:18px; }\[/code\]Then I tried to change the font to Segoe UI as follows:\[code\]li.menu a{ text-decoration:none; font-family: 'Segoe UI'; font-size:18px; } \[/code\]However this also changes the look of menus making them to overlap down
As far as I understand, changing font should not change other styling. This may be since I am trying it in IE8.But what is the standard way to ensure that things remain in place and behave in desired way.