Here's the CSS excerpt:

div#uhgWrapper
{
width: 320px;
height: 268px;
}
div#uhgWrapper[footerIncluded="false"]
{
height: 310px;
}
body[orient="landscape"] div#uhgWrapper
{
width: 50px;
height: 50px;
}
body[orient="landscape"] div#uhgWrapper[footerIncluded="false"]
{
height: 50px;
}


this works great for Safari on the desktop but, the last two elements aren't recognized on Safari on the iPhone.

Any suggestions?

TIA