How can I scale an image without it moving down the page?

whenever I scale an image It moves down a bit and I don't want it to. I've checked forums, tutorials and .pdf ebooks for an answer to my scaling question but have found nothing. Sad

Here's the code I want to fix (sorry but the scale is right at the bottom):-

.quarter1 {
-moz-animation-name: cona;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter2 {
-moz-animation-name: conb;

Center image in header div - cut off edges on small res

Cool Hello everyone, I've been browsing this forum for quite some time and have yet to have to ask a question, but here goes:

css

@charset "utf-8";
/* CSS Document */
 
* {
    margin: 0;
    padding: 0;
}
 
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}
 
#bg {
    position: fixed;
	z-index: 1;
}
 
#bg div {
    height:200%;
    left:-55%;
    position:absolute;
    top:-100%;
    width:200%;
}
 
#bg td {
    text-align:center;
    vertical-align:bottom;
}
 
#bg img {
    margin:0 auto;
    max-height:100%;

Scaling a Div Backround Image not to exceed Containers Max-Width

What I am trying to do is have rounded edges on the bottom of one of my Divs, but the Div shrinks and expands depending on window size. However, my Divs background image never changes.

Here is my CSS:

html {
    min-width: 945px;
} /*IE7*/
body {
    color: #393733;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    background: #D9F3CF;
}
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
    font: 83%/1.4 arial, helvetica, sans-serif;
}
a { color: #105CB6; cursor: pointer; outline: none !important; }
a:visited { color: #105CB6; }

Syndicate content