border-radius in selected items

Hello, people,

I have a vertical menu on my website (in construction) as follow:

<ul id="menu">
   <li>text
       <ul>
          <li> submenu </li>
       </ul>
   </li>
<li>... more rows in the menu
 
</ul>

In CSS I put on this:

ul#menu {some things;
         border-radius: 0px 20px 20px 0px;
}

Can't override existing css on list

Here is a test page that I am working with.
http://mops.mo.gov/Test.html
I'm trying to change the list style at the very bottom of the page so the bullets are removed. I've tried everything I can think of trying! Here's my code & css.

  <div id="footer">
    <div id="newNav">
      <div id="divNav3b" class="noPrint">
        <ul id="nav3b">
          <li>State Links
            <ul>
              <!--<li><a href="http://www.mo.gov/">State of Missouri</a></li> -->
              <li><a href="http://ago.mo.gov/">Missouri Attorney General</a></li>

Not able to remove bullets in a list

I'm not a beginner with CSS, but I'm no guru either. I'm having a heck of a time getting rid of the bullets in one particular list on my site.

The site is http://apptudes.com and the problem is in the sidebar. It's the Top iOS Apps in the sidebar.

Syndicate content