CSS class is not working properly - php

Question

I have this code in my HTML file
echo "<article class='room-full-width'>";
$room_query = mysql_query("SELECT * FROM roomdetails WHERE hotelname = '".$row['hotelname']."'");
while($room=mysql_fetch_array($room_query)){
echo "<span class='room-details'>";
echo "<span class='room-name'>";
echo $room['roomtype'];
echo "</span>";
echo "<a class='gradient-button' title='Book now' href='hotel.html'>Book now</a>";
echo "</span>";
}
echo "</article>";
And I am adding this following Style in .css file:
.room-full-width{
float: left;
margin-bottom: 2%;
margin-top: -2%;
width: 100%;
}
.room-full-width .room-details{
background-color: -moz-buttonhoverface;
float: left;
padding: 1% 2% 0;
width: 90%;
}
.room-full-width .room-details .room-name{
color: #333333;
font-size: 1.6em;
font-weight: bolder;
max-width: 30%;
overflow: visible;
width:29%;
}
.room-full-width .room-details .gradient-button{
bottom: 5px;
float: right;
position: relative;
right: 20px;
}
But this class .room-full-width is not at all working , if I test it with my firebug it is not even showing this class but other classes like .room-details and .room-name and .gradient-button all are working fine.
But the parent class is not at all shown in Firebug itself.
I am using latest version of Firefox - it supports HTML5 and CSS3.

Answer 1

Try to use
echo "<article class=\"room-full-width\">";
It might be the single quotes it's not agreeing with.
Or better yet:
echo '<article class="room-full-width">';