Problem styling for iphone

HTML & CSS
1

Hi I have this on my iphone friendly page.
<meta name=“viewport” content=“width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”>
link rel=“stylesheet” media=“screen and (max-device-width: 480px) and (min-device-width: 320px)” href=“http://maflephoto.com/iphone.css” >

here is the div for the iphone, under regular circumstances is display:none

/iphone settings/
#contentIphone {
width:100%;
position:relative;
z-index:11;
background-image:url(http://maflephoto.com/supersizeImgs/back1.png);
background-repeat:repeat;
left: 1px;
top: 127px;
height: 60px;
display:none;
}
#barraNavIphone{
position:absolute;
height: 183px;
left: 9px;
top: -110px;
width: 664px;
}

Ok and here is the iphone.css specifically made to be rad by the iphone:

@charset “UTF-8”;
/* CSS Document */
/Screen Style for Iphone/

@media screen and (Max-device-width: 480px) and (min-device-width: 320px){

body{
	-webkit-text-size-adjust:none;
	color:#3F6;

}
#contentIphone{
display:block;
z-index:9;
}
Content{
display:none;
visibility:hidden;
}

problem is when it is loaded by the iphone everything showed up but the nav bar on #contentIphone and I don’t know what is happening , any help would be very appreciated

The page is at http://maflephoto.com/newindex.html

Gustavo

2

Why the top:-110px on the iPhone navbar? Wouldn’t that take it off the screen?

Edit. Oh I see. I assume you have the nav nested in the iPhone main div. That’s why the negative value. Try removing the top value on the relative div and replacing the top value on the absolute navbar with a value of zero.

3

How did you embed the sound in there? I looked on my iPhone and have music playing without the usual iPhone QuickTime plugin thingy deployed. Impressive!