Text overlapping when I zoom out

Hello,
I'nearly finished this website for a friend of mine. It was all going fine until I noticed that on the Models page, when I zoomed out to see how it looked as a whole, the text starts to overlap. Is there anyway of fixing this with CSS or should I use a table or something? Here's my HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (<a href="http://www.coffeecup.com" rel="nofollow">www.coffeecup.com</a>)">
    <meta name="created" content="Tue, 25 Jan 2011 18:14:51 GMT">

Other images disappearing when background-image-position-styled button is hovered over

Hi everyone! I'm new to this forum, and I found it when searching for a community that might be able to help me with an odd css problem - hence the also strange subject to this post!

NOTE: I only have two browsers, Safari and Firefox 9.0.1 - I can only recreate this problem in Firefox 9.0.1

alignment of container in internet explorer 7

I have css below for my containers and html code. For some reason, the right column in ie7 is being pushed further right by approximately 20 pixels, and I can't figure out why. Any insight is appreciated.

html, body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	height: 100%;
}
 
body{
	background: #000f42;
}
 
img {
	margin: 0;
	padding: 0;
	border: 0;
}
 
li {
	margin: 0;
	padding: 0;
	border: 0;
}
 
div#container {
	position: relative;
	background: #000f42;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	height:auto !important; /* real browsers */

Moving Audio

Hey, Im Solomon and im pretty new to css. I made a website, and in the website, embedded, are two audio files. I don't want them stuck at the bottom of the page, so how do i move them? code for audio

Some Music For You to Enjoy

Song 1: This is Shangrila, Mother Love Bone

Song 2: It's Electric, Metallica

Please Help floating issue

I am currently in the process of adjusting one of my website into CSS but in the mean time I would like to fix an issue I am having with the CSS on the page. The page is located here
[http://www.platinumplusprinting.com/TestWeb/index.htm]
The problem is when you resize the window the text and image in the lower half of the page floats with the size of the webpage. I need to get this to stop floating and just fit in the table form for now.
I am looking to get this fixed asap and then adjust back into CSS in the near future.
PLEASE let me know if anyone can help. Thank You
Scott

Syndicate content