How do I resize a web site header image with CSS without messing up the navigation bar below it?

Question

I am working on my site and I want the header image to be smaller than originally was (250px) so I make it 200px high:

From style_screen.css:
.img-header {clear: both; float: left; width: 770px; height: 200px; margin: 0px; padding: 0px;}

Unfortunately this stops the navigation bar just below it from working in firefox but it works in IE. Here is the code from the nav bar:
.nav2 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav2 ul {float: left; width: 770px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px
.nav2 a:hover, .nav2 a.selec
.buffer {clear: both; width: 770px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

I had to cut off some of the code. Please help! Thanks!

Answer 1

Using CSS on the image itself is not a good approach. Instead, put the image in a DIV tag, and apply your CSS to that div tag.

For the image that goes in the div, the previous answer makes a good point...open the image in any simple image utility (IrfanView is good), and size it their first.

Answer 2

I consider Ron, in CSS2 and until eventually you are able to now no longer resize a history image. it particularly is particularly worth turning out to be the pics the splendid length fairly in case your going to symbolize textual content cloth, photos of textual content cloth would be no longer common to study whilst resized. (particularly, photos of textual content cloth are undesirable prepare for accessibility motives and superb prevented in case you are able to) do you're able to image to apply a distinctive font? if so have you ever seen webfonts?

Answer 3

Why not just resize the orginal image to your preferred size, that way it wont distort the image