I'm building a web page which should adapt itself to all resolutions.
I think that for me define each element with the percent that the page will open different resolution element will be relative to the page size.
I do not know how accurate or correct if I'm wrong, Correct me please.
Since I work with size in units of percent.
I have a logo image in a div(#thirdLine) that is greater than the image height .
And I want to adjust the height of the image to div through css is it possible?
If it's not possible. I have code in jQuery `$('#logo').css('height',$('div.thirdLine').css('height');`​ but is not working.
What do you Recommend me to do thanks.
[see example](http://jsfiddle.net/centerwow/p2vjf/11/)

css code:

```
    #thirdLine{
    background-image:url('http://www.centerwow.com/linkguide/guide_files/pic/bacround_lineYellow.png');
    background-repeat:repeat;    
    border-color: #316897;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    line-height: 7px;
    height:25%;
    color: #745B1B;
    font-family: 'CarterOneRegular';
    font-size: 25px;
    line-height: 34px;
    margin: 0;
    padding: 0;
    text-shadow: 2px 2px 0 #FFF0D8;
    width: auto;
}
#logo{
    border-color: #316897;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float:left;
}​

```

html code:

```
<div id="thirdLine"><img id="logo" src="http://www.centerwow.com/linkguide/guide_files/pic/Notebook.png" alt="Link Guide"  />this is div id  thirdLine</div>​

```