zdjęcia firefox:
http://img835.imageshack.us/i/21661077.jpg/zdjęcia ie7
http://img826.imageshack.us/i/10834212.jpg/być może już pokazuje kod strony o to on:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="middle">
<div id="menu">
<ul id="sliding-navigation">
<li class="sliding-element"><h3>MENU </h3></li>
<li class="sliding-element" id="blabla1"><a href="#">OFERTA WWW</a></li>
<li class="sliding-element" id="blabla2"><a href="#">FOTOGRAFIA</a></li>
<li class="sliding-element" id="blabla3"><a href="#">GALERIA</a></li>
<li class="sliding-element" id="blabla4"><a href="#">CENNIK</a></li>
<li class="sliding-element" id="blabla5"><a href="#">KONTAKT</a></li>
</ul>
</div>
<div id="content">
<div id="contact">
<div id="map">
<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pl/maps/ms?hl=pl&ie=UTF8&msa=0&msid=115348303524170739255.00048db6cdcd33d3d4c9a&ll=50.8954,15.719676&spn=0.008121,0.012875&z=15&output=embed"></iframe><br /><small>Pokaż <a href="http://maps.google.pl/maps/ms?hl=pl&ie=UTF8&msa=0&msid=115348303524170739255.00048db6cdcd33d3d4c9a&ll=50.8954,15.719676&spn=0.008121,0.012875&z=15&source=embed" style="color:#0000FF;text-align:left">Galeon</a> na większej mapie</small>
</div>
<div id="form-container">
<form id="contact-form" name="contact-form" method="post" action="submit.php">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="15%"><label for="name">Imię</label></td>
<td width="70%"><input type="text" class="validate[required,custom[onlyLetter]]" name="name" id="name" value="<?=$_SESSION['post']['name']?>" /></td>
<td width="15%" id="errOffset"> </td>
</tr>
<tr>
<td><label for="email">E-mail</label></td>
<td><input type="text" class="validate[required,custom[email]]" name="email" id="email" value="<?=$_SESSION['post']['email']?>" /></td>
<td> </td>
</tr>
<tr>
<td><label for="subject">Temat</label></td>
<td><select name="subject" id="subject">
<option value="" selected="selected"> - Wybierz -</option>
<option value="Question">Pytanie</option>
<option value="Business proposal">Propozycja biznesu</option>
<option value="Advertisement">Reklama</option>
<option value="Complaint">Skarga</option>
</select></td>
<td> </td>
</tr>
<tr>
<td valign="top"><label for="message">Wiadomość</label></td>
<td><textarea name="message" id="message" class="validate[required]" cols="35" rows="5"><?=$_SESSION['post']['message']?></textarea></td>
<td valign="top"> </td>
</tr>
<tr>
<td><label for="captcha"><?=$_SESSION['n1']?> + <?=$_SESSION['n2']?> =</label></td>
<td><input type="text" class="validate[required,custom[onlyNumber]]" name="captcha" id="captcha" /></td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
<td colspan="2"><input type="submit" name="button" id="button" value="Wyślij" />
<input type="reset" name="button2" id="button2" value="Kasuj" />
<?=$str?><img id="loading" src="img/ajax-load.gif" width="16" height="16" alt="loading" /></td>
</tr>
</table>
</form>
<?=$success?>
</div>
</div>
</div>
</div>
<div id="footer">
<table id="w3c"><tr><td><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" /></a></td>
<td><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Poprawny CSS!" /></a></td></tr></table>
</div>
</div>
</body>
</html>
css natomiast ma się tak:
body{
margin:0;
padding:0;
color:#a4a4a4;
cursor:default;
font-size:11px;
background-color:#2c2c2b;
font-family:Tahoma, sans-serif;
}
#wrapper{
width:1024px;
margin:0px auto;
position:relative;
padding:0px;
background-image:url('images/wrapper.jpg');
background-repeat:no-repeat;
background-position:bottom;
}
#header{
height:399px;
width:1024px;
background:url('images/header.png') no-repeat;
}
a:link, a:visited{
color:#fff;
text-decoration:none;
}
a img{
border:0;
}
div#top div#nav{
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#slide-holder {
z-index:40;
margin-top:100px;
margin-left:25px;
width:974px;
height:299px;
position:absolute;
}
div#slide-holder div#slide-runner{
top:0px;
left:0px;
width:973px;
height:278px;
overflow:hidden;
position:absolute;
}
div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:973px;
height:46px;
display:none;
position:absolute;
background:url('images/slide-bg.png') 0 0;
}
div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#slide-holder div#slide-controls p#slide-nav a{
background-image:url('images/silde-nav.png');
}
div#nav ul li a{
background:url('images/nav.png') no-repeat;
}
#middle{
position:relative;
height:689px;
}
#menu{
position:absolute;
width:220px;
font-family:"Lucida Grande", Verdana, sans-serif;
font-size:150%;
text-align:left;
}
ul#sliding-navigation{
list-style:none;
font-size:.75em;
margin:10px 0;
padding:0;
}
ul#sliding-navigation li.sliding-element h3, ul#sliding-navigation li.sliding-element a{
display:block;
width:150px;
padding:5px 18px;
margin:0;
margin-bottom:5px;
}
ul#sliding-navigation li.sliding-element h3{
color:#fff;
background:#333 url('images/heading_bg.jpg') repeat-y;
font-weight:normal;
}
ul#sliding-navigation li.sliding-element a{
color:#999;
background:#222 url('images/tab_bg.jpg') repeat-y;
border:1px solid #1a1a1a;
text-decoration:none;
}
ul#sliding-navigation li.sliding-element a:hover{
color:#ffff66;
border-left:6px solid #09f;
border-color:#09f;
}
#content{
width:824px;
margin-left:200px;
}
#contact{
position:relative;
width:700px;
height:420px;
background:url('images/contact_bg.png') no-repeat;
background-position:center;
}
#map{
margin-left:19px;
margin-top:100px;
float:left;
}
#form-container form,input,label{
margin:0px;
padding:0px;
}
.clear{
clear:both;
}
#form-container{
width:350px;
height:320px;
margin-left:340px;
margin-top:65px;
color:#555555;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
padding:15px;
position:absolute;
}
#contact-form td{
white-space:nowrap;
}
#contact-form label{
text-transform:uppercase;
font-size:10px;
font-family:Tahoma,Arial,Sans-serif;
}
#contact-form textarea{
color:#404040;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
#contact-form td > button{
text-indent:8px;
}
.error{
background-color:#AB0000;
color:white;
font-size:10px;
font-weight:bold;
margin-top:10px;
padding:10px;
text-transform:uppercase;
width:240px;
}
#loading{
position:relative;
bottom:9px;
visibility:hidden;
}
#footer{
height:62px;
background:url('images/footer.png') no-repeat;
}
#w3c{
margin-top:15px;
margin-left:15px;
}