Making a fluid layout question

Hi the website I am working on is (http://MyWallet.Pw/) ..... I want to make the home screen fluid which it is but the only thing that is not fluid is the main entry content which contains the login box and H1 header that's on top of the overlay. So I though about it and my solution was to create a div that would contain all the entry content on the page. I named it "ian-grid "

and this is what is has :

   div.ian-grid {
    color: #FFFFFF !important;
    max-width: 890px !important;
    min-width: 50px !important;
    width: 100% !important;
}

But it does not change anything when I play with my browser window ???

I have played with various numbers to get it to work and I get nothing for some reason.

My thinking was this :

• The max width is 890px because that's what the page is at default ( I saw this width my using firebug) so then its max should be what it is on default.

• The min should be 50px because anything lower then that then it looks too off ?

• The width should be 100% because by doing this it should take the maximum width of the browser window when it changes sizes like on a mobile phone window.

What am I doing wrong ? I keep look at the team tree house lesson but I cant figure it out. Thank you for any help :-)