garbled items in a horizontal list with css

Posted by Pradyut Bhattacharya on Stack Overflow See other posts from Stack Overflow or by Pradyut Bhattacharya
Published on 2010-03-28T22:39:04Z Indexed on 2010/03/28 22:43 UTC
Read the original article Hit count: 500

Filed under:
|
|
|
|

Hi I have made a page in which i m using a list to display the items horizontally

Now i can see the result in the page here

But when i drag and make the browser window short i get a garbled list as in the scrren-shot here

http://pradyut.dyndns.org/WebApplicationSecurity/people_ss.JPG

I m using a css in the list as : -

#navlist li
        {

            padding: 1em;
            float: left;
            list-style-type: none;
        }

at the end of the list i m using a clearing div

#clear-both 
{
   clear: both;
}

Any help

Thanks

Pradyut

© Stack Overflow or respective owner

Related posts about css

Related posts about lists