html - css background-height makes element overflow -


i have webpage in want set height of head 60px, somehow inner elements overflow , doesn't show right. i'm suspecting logo's background somehow setting height bigger should be. i'm setting background-size: 202px 56px; , height:56px;. original height of background image 250x69px , should resized (auto calculated)x56px (or fixed 202x56px ok too).

if displaying right, there should small 'border' on bottom turns blue when corresponding top element hovered.

the styles written in scss of compass , compiled css. i've used compass generate sprites. i've provided css files on webpage. i'm not putting code here because it's large (200+ lines in each file). if have show scss files, please let me know.

the webpage i'm editing can found on address: http://stogrebro.com/page-test/

i'm creating webpage on localhost there might broken links. if there important missing, please let me know.

i made tries page , found out "over-height" of <td> elements due padding anchor elements inside <td>. have first put 0 , apply other paddings left , right using:

#head table td a{ padding: 0px; } 

moreover can set height directly <div id="head"> , set hidden overflow (which makes trick lets <td> wrong height).

#head{ height: 60px; overflow: hidden} 

the background-size works fine , doesn't make mistake.

hope helps you.


Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -