Block resizes when browser is rescaled.

[azuresky]

Hey guys, I'm having a problem with my block resizing whenever I decrease the size of the browser. I was wondering how I would go about solving this problem. Here is my code for the block.

.information{
    position:absolute;
    display:inline-block;
    font-size: 1.5em; /*was 1.5em*/
    top:15%;
    margin-left: 20%;
    margin-right: 20%;
    background-color: #CCCCCC;
    height:    70%; /*was 30*/
    width: 70%; /*64*/
    border: solid .1em;
    border-color:#6699CC;
    color: #003366;
    float:both;
    display:none;
        }
 

I tried adding min-width and height but that did not work.

[Rabbit]

If you don't wan't it to resize, then don't make the width and height a percentage.

[azuresky]

I thought it was better to use as a % then as em or px, I had originally thought it was % of your screen, sorry.