no puedo visualizar imagenes

[dg_misspau]

Hice una pagina html con css, que tiene iamgen enlos botones, el logo, pero... en opera, IE, y Firefox, las imagenes no se ven!! en Safari se ven pero dudo tambien...
el link de la pagina es atuqtv . com. ar les colocare el archivo del html y el css para que me puedan ayudar..realmente no se ya que hacer.

Código:

body {
	margin-top: 0;
	padding: 0;
	background: #787878;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
}
#contenedor{
	margin: 0 auto;
	width: 1000px;
	height: 768px;
	text-align: left;
}

h1, h2, h3, h4 {
	margin-top: 0;
	color: #056998;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: none;
	line-height: normal;
	page-break-before: auto;
	page-break-after: auto;
	list-style-type: none;
}

h1 {
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	position: static;
	word-spacing: 10px;
	list-style-type: none;
}

h3 {
	font-size: 10px;
}

h4 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

ul {
}

a {
	text-decoration: none;
	color: #056998;
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 10px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 10px;
}

#header {
	width: 1000px;
	margin: 0 auto;
	height: 200px;
	background: url(images/img02.jpg) repeat-x left top;
	body {

}

/* Header */

#logo {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img01.jpg) no-repeat left top;
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	color: #000;
}

#logo span {
	color: #000;
}

#logo h1 {
	padding: 25px 0 0 0;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}

#logo p {
	text-transform: uppercase;
	padding: 47px 0 0 3px;
	font-size: 10px;
	color: #110E0F;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #8C0209;
}

/* Menu */

#menu {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background: url(images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	text-transform: capitalize;
	background: url (images/img03.jpg) no-repeat left top;
	font-family: "Arial Black", Gadget, sans-serif
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 6px;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	margin-left: auto;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

/* Wrapper */

#wrapper {
}

/* Page */

#page {
	width: 990px;
	margin: 0 auto;
	background: #FFFFFF;
}

#page-bg {
	width: 990px;
	margin: 0 auto;
	padding: 10px 5px;
	background: #FFFFFF;
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#content {
	float: left;
	width: 500px;
}

.post {
	padding-bottom: 15px;
	line-height: normal;
}

.post h1 {
	font-weight: normal;
}

.title {
	margin: 0;
	padding: 10px 0 4px 10px;
	font-weight: normal;
}

.title a {
	border-bottom: none;
	color: #8C0209;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.contenedor {
	border-bottom: 1px #BBBBBB dashed;
	margin: 5px 10px 10px 5px;
}

.tag {
	padding: 0 15px;
}

.entry {
	padding: 0 20px;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
	float: right;
	height: 700px;
	width: 200px
	list-style-type: none;
}

#sidebar2 {
	float: right;
	font-size: 12px;
	list-style-type: none;
}

.sidebar {
	float: left;
	width: 150px;
	padding: 0;
	font-size: 12px;
	list-style-type: none; 
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0;
	font-size: 12px;
	overflow: visible;
	visibility: inherit;
	list-style-type: none;
	text-align: left;
}

.sidebar li ul {
	list-style-type: none;
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 4px 0px;
	border-bottom: 1px #BBBBBB dashed;
	text-align: center;
}


.sidebar li h2 {
	height: 20px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: url(images/img05.jpg) no-repeat left top;
	letter-spacing: 2px;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
}

.sidebar a {
	text-align: left;
	list-style-type: none;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	margin: 10px 0px 0 15px;
	padding:0;
	width: 180px;
	height: 18px;
	border: 1px solid #81afca;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 0;
	height: 25px;
	background: #81afca;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
	padding: 0 15px;
	text-align: left;
}

#calendar_wrap table {
	width: 80%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */

#footer {
	width: 960px;
	height: 70px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(images/img04.jpg) no-repeat left top;
}

#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
	font-size: smaller;
}

#footer a {
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}

.flower {
	padding-left: 0px;
}

[Daniel Ulczyk]

Por cierto, no es un problema de CSS; sino, más bien de lo que la imagen contiene.
Pegando la URL de la imagen en la barra de direcciones del navegador, no se visualiza siquiera.

Ej: http://www.atuqtv.com.ar/images/img02.jpg

Además, curiosamente, Firefox me informa que por dimensiones tiene 0px × 0px

[kseso?]

Efectivamente Daniel.
Es un problema de rutas. O bien no existen las imágenes o están alojadas en otro directorio.
Si se coloca en la url de background cualquier otra imagen de internet se muestra.

No es necesario que coloques el html. Revisa que has subido las imágenes a tu servidor.

Un saludo

[webosiris]

movido a web general desde css