Noob question - stacking

[PHPiSean]

MY question is quite dumb, but I am stuck in my css and I don't know what to do. Anyways, I have three items in my header, title, links, and login. However, by default html stacks everything, instead of inline where </br> would create a new line. I researched something about display: inline-block, however I've tried it multiple times at many places and it still won't work. Here's my code.

 

body {
    background:url('/images/background.jpg');
    background-repeat: repeat-y repeat-x;
    font-family:‘Gill Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#1d1d1d;
    width: 100%;
    display: inline-block;
}

a {
    text-decoration:none;
    color: red;
}


#headertop {
    background-color:#1d1d1d;
    color:#d4d4d4;
    padding-bottom: 15px;
    position:relative;
    width: 100%;
    display: inline-block;
    
}

#headertop table{
    color:#d4d4d4;
    ;
}

#headertop ul{
    text-decoration: none;
    display: inline-block;
}

#seconddrop{
  
}

#headerpages {
    display:inline-block;
    list-style-type: none;
}

#login{
    float; right;
}

.error {
    color:#1d1d1d; 
}

.main {
    position: relative;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    
}

#footer  {
   position: relative;
   padding-bottom: 5px;
   width: 100%;
   background-color:#1d1d1d;
   color:#d4d4d4;
   display: inline-block;
    
}

#footer  li {

}

#footerdrop {
    float:right;
}

#copyright {
    float:right;
}

any suggestions? thanks!

[cssfreakie]

and your question is?

[PHPiSean]

html stacks, I want it to become in line, and when I use the display:inline-block; it doesn't work. How do I go about doing so?

[gizmola]

Without your markup, the css is of limited value.  I can tell you just glancing at a few of your inline-block styles, that width: 100% isn't going to work.