I have 2 problems with my layout am working on

In IE 8 the more info and order buttons show twice but are fine in ie7,firefox and safari.

My menu at the top in firefox does not show the hover and the mouse pointer does not change to show a link.

Any help would be great

I have had a look at your site and have fixed your first problem.

Change your css code to:

.right_button{
 width:65px;
 height:22px;
 margin:20px 0 0 140px;
}
.left_button{
 
 width:65px;
 height:22px;
 float:left;
 margin:20px 0 0 0;

You will also need to add the following to your css to supress the border on images used as links.

a img 
   {
    border:0;
   }

Change your html to:-

<div id="plans">
      <div id="plan1">
             <h1>STARTER PLAN</h1>
             <ul>
              <li>Disk Space 5GB</li>
                    <li>Data Transfer 50gb</li>
                    <li>Mail Boxes 20</li>
                    <li>Sub Domain Names 20</li>
                    <li>My SQL 20</li>
                    <li>cPanel Web Control Panel</li>
                    <li>Monthly 
                 12.99 Year &pound;155.88</li>
                    <div class="left_button"><a href="#"><img 
src="http://www.webmaster-talk.com/images/more_info_button.jpg"></a></div>
                   <div class="right_button"> <a href="#"><img 
src="http://www.webmaster-talk.com/images/order_button.jpg"></a></div>
             </ul>
            </div>

Yoy will note from the above that I have replaced your £ with the escape code £

You will see that I have only posted the code for the first box, you need to ammend the other two boxes along the same lines.

I will have a look at your other problem when I have some more time.

Hope this helps.

Thanks for that.


If you could help with the menu one when you have time.

Got it sorted now thanks

Glad to see you you have sorted your problems.